At some point, my Metro theme stopped being responsive. I haven’t modified any of the the media queries in section 14 of the CSS.
I tried de-activating all of the plugins I added after installing Genesis / Metro, but it had no effect.
Any ideas on what might be going on here?http://david-sluka.com/
It’s your header. Did you just put it there? Your header is 1080px by 80. I would suggest cropping the logo down as close to it’s size eliminating all the dead white space and uploading it again. You will need to change the upload size also. Open up functions.php. Look for Support for Header. Change the size to the newly created size, save it and then upload the new logo.
I would also suggest adding the Genesis Responsive Header found here – http://designsbynickthegeek.com/plugins/genesis-responsive-header.
Thanks for your response. I did resize my logo and change the upload size in functions.php before uploading, but it appears to have had no effect. I even removed the logo completely and used the default title text, but no success there either
I tested on several mobile device sizes. I see it’s not responding at mobile width 320 and 360. That is because logo is now 401px so it’s larger than the width of the mobile devices. If you install the plugin as suggested earlier and follow those instructions – it will fix this issue.
I’m not 100% sure that the issue is the logo. My reasoning for this is that I swapped out my modified style.css file with the original style.css that came with the theme, and doing so made the site immediately responsive again. So somewhere in the process of making my CSS modifications, I’ve changed something I shouldn’t have.
I ran both style.css files through Diff Checker (see here) and I can’t see anything glaringly obvious that seems out of place. (Original Metro CSS on the left, my modified CSS on the right). Most of my modifications are simple color and typography changes; nothing related to media queries, columns, grids etc.
Agghhh… I found it. After hours combing through code, it simply was a missing ‘}’
You must be logged in to reply to this topic.
Are you a blogger, web designer, developer, or website owner looking to generate more income?
Promote products for the largest and fastest growing online website platform as part of our affiliate program.