How to Disable all Responsive Aspects of the Agency Child Theme

Community Forums Forums Design Tips and Tricks How to Disable all Responsive Aspects of the Agency Child Theme

This topic is: not resolved

This topic contains 6 replies, has 2 voices, and was last updated by  ablewebs 1 year, 1 month ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #62408

    ablewebs
    Participant
    Post count: 23

    My client doesn’t like the way the site looks in responsive mode. So, I actually want to disable the responsiveness of the Agency child theme, so that the site simply gets shrunken down on mobile devices and looks like a regular site on the iPad.

    I have tried removing all the media queries (under Responsive Design in the CSS) from the Agency style sheet. I also removed all this CSS from the Genesis parent style sheet, even though I realize that you’re not supposed to mess with that. Even with all media queries removed from BOTH style sheets, the site remains responsive.

    I understand that the child theme is probably inheriting the media queries from the parent style sheet, but why didn’t removing the media queries from the parent’s CSS resolve that issue?

    What am I missing, Ladies and Gentlemen?

    Note: Outside of the Responsive Design section (which I removed), I can only find one place in the Agency CSS that max-width is invoked:

    img {
    	height: auto;
    	max-width: 100%;
    }

    Thank you very much for any help you can give me… and my client!

    http://wp.akaconsulting.com
    #62410

    AC
    Blocked
    Post count: 7712

    You need to open up the functions.php file also and remove the code pertaining to the Viewport.

    • This reply was modified 1 year, 1 month ago by  AC.
    • This reply was modified 1 year, 1 month ago by  AC.
    #62411

    AC
    Blocked
    Post count: 7712

    By the way, you should remove the code from the Genesis Framework because when a new version comes out, it will be overwritten and will just be added back.

    #62420

    ablewebs
    Participant
    Post count: 23

    Yes, I realize that I shouldn’t mess with the parent theme and I have put back the CSS I removed from there.

    I followed your suggestion (thank you, by the way!) to remove the responsive code from the functions.php file (Agency child theme only!). This is what I removed:

    $content_width = apply_filters( 'content_width', 590, 410, 910 );
    
    /** Add Viewport meta tag for mobile browsers */
    add_action( 'genesis_meta', 'agency_viewport_meta_tag' );
    function agency_viewport_meta_tag() {
    	echo '<meta name="viewport" content="width=device-width, initial-scale=1.0"/>';
    }

    Unfortunately, there’s no change. The site remains semi-responsive (as it has from the beginning). Sigh.

    My client says that his main site (http://www.akaconsulting.com) is shrunk down on his iPhone, but the iPhone simulator I am using shows it as full size. So now I’m even more confused.

    #62438

    ablewebs
    Participant
    Post count: 23

    My client says it’s now working on the iPhone, even though the simulator isn’t working! Yay! Thank you for your help. It is very much appreciated!

    #62444

    AC
    Blocked
    Post count: 7712

    You know, if you use Firefox – it has a built in mobile tester. You just hit Ctrl+Shift+M and you can test out mobile response on a lot of different sizes. I love it. Someone on here showed me how to use it. It comes in handy.

    #62446

    ablewebs
    Participant
    Post count: 23

    Yeah, it’s not working for me there, either. The menu becomes responsive when you choose a small size and the site isn’t shrunk; you just see a portion of it at small sizes. I’ll find out more from my client tomorrow and I’ll post the final results here.

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

You must be logged in to reply to this topic.