Mobile theme header logo issue

[bside2234]

I use a header image that goes all the way across the top of my store. When viewed in "mobile" mode on a phone the header is smashed into the left side of the screen with Login and Cart next to it.

Is there a way to have a separate logo for mobile viewing or to move the login and cart under the logo so it can go across the screen?

[clayton29657]

Hello bside2234 take a look at this cdn program and it may also help with mobile optimization as well cause it resizes everything for you.

 

www dot cloudflare dot come check it out. Hope it can help

Clayton

[bside2234]

Thanks. Not that big of an issue with me to go that way though.

I did manage to make it better. I wouldn't say it's fixed though. It would be nice if I can get it to automatically re-size.

I changed themes/mobile/css/jqm-docs.css

from

#jqm-homeheader img { width: 235px; }

 

img { max-width: 100%; }

 

to

#jqm-homeheader img { width: 235px; }

 

img { max-width: 340px; }

img { max-height: 40px; }

 

I have a feeling different size screens will view this different. I'll try to figure out if I can get it to auto size to the screen.

Edited November 4, 2012 by bside2234 (see edit history)

[clayton29657]

hello bside2234

 

If you want to check the screen sizes depending on your monitor size lets say mine is 24" and when I use chrome in the top right corner of the browser right beside the x to close it it says restore down and then it will make the screen like a normal size. Try checking it this way also.

 

Cheers

Clayton

[trevorgilligan]

anyone know how to remove logo completely on mobile default theme. or , have it on all of mobile theme, as normal, but remove from product pages on mobile theme? thank you

[tiendatutorial]

With this videos can edit the header