Jump to content

Mobile theme header logo issue


Recommended Posts

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?

Link to comment
Share on other sites

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 by bside2234 (see edit history)
Link to comment
Share on other sites

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

Link to comment
Share on other sites

  • 3 years later...
  • 2 weeks later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...