Logo size on mobile devices

Hi there,

Could you possibly give me the right logo size for correct display of the logo on mobile -- my logo size seems to break the layout.

Please see the screenshot supplied:

http://glui.me/?i=zt0p0g3s0b4jarv/2013- ... 03_AM.png/

Regards

Francois Wessels

It's 154 x 30px, maybe provide an URL to your website (here or via PM), then I'll try to help..

Hi Piotr,

Thank you very much for your reply -- the URL is http://solarjar.worldofglass.co.za

Thank you so much for your assistance!


Francois

Paste this code into css/mobile.css file:

Code: Select all

#gk-head .imageLogo {
width: 75%;
margin: -8px 0 10px -10px;
}

customize width and margin, maybe add also this code to mobile.css, (customize color), because "My account" link is illegible with this background.

Code: Select all

#top-menu li a {
   color: #f5f5f5;
}


Hi Piotr,

That did the trick! Thank you for your assistance.


Kind regards

Francois

Dear Piotr

I would like to fix my logo on mobile.css also but i cannot find #gk-head .imageLogo in the mobile.css file

any help ?

Hello,

You have to paste the css selector (#gk-head .imageLogo) with the rules into mobile.css file:

Code: Select all

#gk-head .imageLogo {
width: 75%;
margin: -8px 0 10px -10px;
}