I am building a website using WordPress and Jupiter as the theme. For one of the pages I am using Layer Slider with several layers. The titles on this page are not readable on mobile. I have changed the text sixe on each slide to H1 (the largest one available) but they are still not readable on mobile. Do I need to use code so the text is responsive? Thank you.

I am building a website using WordPress and Jupiter as the theme. For one of the pages I am using Layer Slider with several layers. The titles on this page are not readable on mobile. I have changed the text sixe on each slide to H1 (the largest one available) but they are still not readable on mobile. Do I need to use code so the text is responsive? Thank you.

• plugins
• html
• mobile

1 Answer 1

It's important not to use <h1> tags (and other headings) just to affect font size. You should use CSS to target whatever HTML element is already there.

It's also important not to edit a theme directly, because when you update that theme, all of your changes will be lost. To avoid that problem, see if your theme has a "custom CSS" area where you can put in your styles. If not, there are plugins that will allow you to add your own CSS outside of the theme, or you could create a child theme.

Typically, for the best user experience, you'll want to use media queries to make the font sizes responsive. You can use media queries within custom CSS areas, plugins, or child themes.