Recent
Categories
View Replies (6)

Site displays as narrow band on some mobiles

0
Votes
Undo
  1. pearlyjones
    pearlyjones
  3. Commercial Templates
  4. Wednesday, 26 March 2014
  5.  Subscribe via email
Please can someone help urgently? Am working in Calibra. The site is: http://www.lollapalooza-catering.co.uk/

Having signed off the site for my client yesterday I now see that the body of the site is displaying as a very narrow band situated to the left of the screen on both a Samsung phone and an iPhone.

I have got it working on my iPad mini and it looks fine on the Mac.

I have the responsive settings turned on. Am sure this is all down to the fact my logo is 1100 wide, due to the text I added in a special font, so the entire thing is a transparent image.

I added the custom CSS i found in one of the other topics here:

@media only screen and ( max-width: 767px ) {
#header {width:440px !important;}}
@media only screen and (max-width: 440px) {
#header {width:300px !important;}}

But all that did was make my logo the correct size, which is great, but still the rest of the site is a narrow band.

is there a fix for this with Custom CSS please? Or can I sent the login details over?
Responses (6)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Could you try adding the following to the Custom CSS field of your templates parameters..


.logo_container, h1.logo, h1.logo a {

    width: auto !important;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
pearlyjones
pearlyjones
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciarán,

I have just added that but it has pushed the logo to the right and forced the grid gallery onto two lines, so I have taken it back out again.

Sorry.
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
pearlyjones
pearlyjones
Accepted Answer Pending Moderation
0
Votes
Undo
It was suggested that i change the logo image width in the template styling to 90% rather than 1100 pixels.

Seems to have worked! :o)

Is there anything else I should be doing to ensure it works on all mobile devices?
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
That looks to have done the trick for you. We have tested on an S4 using android and an ipad and all appears to be fine :)

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 5
pearlyjones
pearlyjones
Accepted Answer Pending Moderation
0
Votes
Undo
Much appreciated. Thank you yet again!
  1. more than a month ago
  2. Commercial Templates
  3. # 6
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!