Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
You just need to wrap your CSS in a media query. You can add CSS using a Custom CSS plugin
If you’re not using a Child Theme, and if the theme doesn’t have a designated section of the dashboard for CSS modifications then do the following:
- Install this Custom CSS Manager plugin http://wordpress.org/plugins/custom-css-manager-plugin
- use its “CSS Code” section of the dashboard to hold your CSS modifications:
-
(put this code in)
@media screen and (max-width: 480px) {
// the mobile styles
}
- Save
Alternatively use your Child Theme style.css file to hold your CSS modifications
Thank you Andrew. Please excuse my lack of knowledge, but if you could just clarify your response for me. When you say, “if I am not going to use a Child Theme than I should install the plugin.” Do you mean a Child Theme for my mobile site, because I am using a Child Theme for my desktop view. Can I still use the plugin for my mobile site when I currently have a Child Theme for my regular site?
Thank you an advance.
Chinelo