Metro – No longer responsive.

Community Forums Forums General Discussion Metro – No longer responsive.

This topic is: resolved

This topic contains 5 replies, has 2 voices, and was last updated by  danthespaceman 1 year, 3 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #58785

    danthespaceman
    Participant
    Post count: 3

    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.

    http://david-sluka.com/

    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/
    #58800

    AC
    Blocked
    Post count: 7712

    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.

    #58826

    danthespaceman
    Participant
    Post count: 3

    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 :(

    #58857

    AC
    Blocked
    Post count: 7712

    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.

    #60359

    danthespaceman
    Participant
    Post count: 3

    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.

    #60373

    danthespaceman
    Participant
    Post count: 3

    Agghhh… I found it. After hours combing through code, it simply was a missing ‘}’

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.