Storefront/Boutique mobile width problems
-
I was adjusting the padding in the masthead and footer, and changing the logo and search bar size area and editing the CSS file according to Nicola’s instructions here: https://support.woothemes.com/hc/en-us/articles/202770099-Storefront-Change-the-logo-secondary-navigation-and-search-bar-size
My site is http://fangirlshirts.com and uses Storefront and the child theme Boutique.
I noticed, though, that something I did to the CSS (I think) seems to have affected the display of my site on mobile. Instead of the header and body/Shop areas both being maximum width and aligned, the header now is wider than the body area, and I can scroll back and forth horizontally on mobile and it’s not a great experience.
Any idea what’s causing it? I’d like my site to look like this on mobile:
http://i.imgur.com/8AekhCY.png
But it looks like this on mobile instead:
http://mobiletest.me/iphone_5_emulator/#u=http://fangirlshirts.com
- The topic ‘Storefront/Boutique mobile width problems’ is closed to new replies.