Access to Media Queries
-
So say we upgraded to the Business Plan, and I used Chrome’s web developer tools to locate the media queries for a specific theme, I take it I would just be rewriting a previously written media query that would take precedence as opposed to editing the actual pre-existing media query. Is that correct? For example, using the Twenty Twelve theme, to get the two columns I need for the body of the home page, I simply floated one div to the left and one to the right and applied an inline style of width: 50%. Of course, this should be 100% to work in mobile, so I would just find the mobile media query to see exactly how it is written, and rewrite it so my two columns would be 100% at the mobile break point? Is that correct? Any input would be appreciated. Thanks!
The blog I need help with is: (visible only to logged in users)
-
I take it I would just be rewriting a previously written media query that would take precedence as opposed to editing the actual pre-existing media query.
Yes, that is correct. The custom CSS you create loads after the original CSS, so it takes precedence.
There are some ways of creating two columns of posts or content using some more advanced CSS that would be better. You can post to the CSS forum for help on that, or you can also use Live Chat and they can help with it. For more on the code I’m talking about see here: https://css-tricks.com/snippets/css/a-guide-to-flexbox/ .
What you would want to do would be to narrow your browser window and see where it looks like it should go back to one column. Typically I usually do
@media screen and (min-width: 600px)
but on some themes things are better if you do 768px.
- The topic ‘Access to Media Queries’ is closed to new replies.
WordPress.com Forums 