How to modify elements for different screen sizes

I’ve tried to edit the elements in the different view sizes but it seems to be a global setting. I need to be able to adjust the different items at each view. How do I do this?

1 Like

Hello @thebigdogscreative,

Thanks for asking. :slight_smile:

For that you need to use CSS media queries. I am sharing few links to help you get started:


Thank you. Is there an easier way to style each element than looking for each div class and id in the source code?

Also having trouble finding how to edit the mobile nav and button

There’s no other way. The mobile nav and button options are available in the Customizer. Mobile Nav is under the Header options. See for the button options.