How to Disable all Responsive Aspects of the Agency Child Theme

[ablewebs]

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

[AnitaC]

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

---

Need help with customization or troubleshooting? Reach out to me.

[AnitaC]

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.

---

Need help with customization or troubleshooting? Reach out to me.

[ablewebs]

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.

[ablewebs]

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!

[AnitaC]

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.

---

Need help with customization or troubleshooting? Reach out to me.

[ablewebs]

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.

[Author]

Posts