- This topic has 4 replies, 3 voices, and was last updated 9 years, 1 month ago by .
- The forum ‘General Discussion’ is closed to new topics and replies.
These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.
I have a website on the Magazine Pro Genesis theme, and I would like to disable the responsiveness on the iPad (or similar devices) when it is held upright. I have noticed when you hold an iPad landscape wise, the site is not responsive, but I would like it to be not responsive also when it is upright.
For an iPhone or similar devices, I am not sure if it should be responsive or not, but I would like to first adjust the settings for an iPad to see what it will give. Later on I should decide what to do with iPhones.
How do I adjust this? I have a my_functions.php installed, plus a CSS custom editor (jetpack).
I think I should add that I mean the iPad mini, which apparently has a resolution of 1024x768 pixels. I believe it means I have to adjust some kind of code to make sure than screens 768 pixels wide or more than 768 wide should not trigger responsiveness? Or am I wrong?
That is all controlled through the Media Queries section in your css (style.css) file. Usually on tablets and smartphones you do want the sidebar to drop below the main content so that users can easily read the text. Always best to make a backup of your style.css file before making any changes just in case.
back here to pick up on this topic. After some weeks of running the website and receiving feedback, I am still convinced I do not want the responsiveness on an iPad mini, whether or not it is held in portrait or landscape position.
I could not figure out how to do it since there seems to be some hierarchical type of coding in the Media Queries you are talking about. Could you still help me with this?
If you check the style.css file then you will get the @media queries at below of the file. If you want then you can adjust it by editing the CSS.
© 2024 WPEngine, Inc.