How to modify elements for different screen sizes

[thebigdogscreative]

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?

[Prasant]

Hello @thebigdogscreative,

Thanks for asking.

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

https://www.w3schools.com/css/css_rwd_mediaqueries.asp

Using media queries

Media Queries for Standard Devices | CSS-Tricks

Using Media Queries with Custom CSS

Thanks.

[thebigdogscreative]

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

[thebigdogscreative]

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

[christian]

There’s no other way. The mobile nav and button options are available in the Customizer. Mobile Nav is under the Header options. See https://theme.co/apex/forum/t/customizer-button-options/140 for the button options.

Thanks.