- This topic has 1 reply, 2 voices, and was last updated 8 years, 2 months ago by .
- The forum ‘Design Tips and Tricks’ 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.
Tagged: mobile css
I am building Tables in <div> for Responsive. On the site I have table-cells width 50% and it works great. I want to code them to be 100% on mobile so the columns stack. Where do I go to add CSS for mobile?
I tried adding this CSS to @media only screen and (max-width: 768px) section but it did not work:
Scroll down and open TOGGLE: "Private/Public sector job titles & details"
You're definitely on the right track. That should work great. You could put that command into any CSS file, including the normal style.css of your theme. If it's not working, you may need to get more specific with your CSS command, or check the syntax of your code addition.
Tables are always a chore, although Tobias' killer plugin does do a great job taming them. You could get a similar effect by using column classes (which your theme probably has) and DIV's. But that's something for another day.
Hope that helps,
Dave Chu · Custom WordPress Developer – likes collaborating with Designers
© 2023 WPEngine, Inc.