H1 size on mobile too big!

thedesignboy · May 2016

Hi there, the site we made for www.phil-graham.com - Is there a smart fix to scale the fonts on mobile?

Albert · May 2016

Hey,

yes, it is possible. All you need to do is activate Decrease Fonts option under Theme options > Responsive section.

Thanks!

thedesignboy · May 2016

Thanks for the reply! That does not seem to help for some reason - take a look at my site: www.phil-graham.com

thedesignboy · May 2016

I actually had this enabled to begin with, I love the theme and its perfect for the site, but the text seems to run off the right hand of the screen on some pages.

Albert · May 2016

If it's still to big, you need to play with @media rules. If you don't know what media is, please visit http://www.w3schools.com/cssref/css3_pr_mediaquery.asp to learn how it works. You can also check our responsive.css file where different rules based on different elements are.

thedesignboy · May 2016

okay will take a look, thanks for the link.

IPN · June 2016

Where exactly is the CSS files? I don't understand why it's not easily accessible?

Shouldn't it be here: public_html/wp-content/themes/betheme/css/base.css and then easily be able to change things as needed?

Example: <h1 class="title">AREAS</h1>

Where is this in the CSS? It looks terrible on Mobile devices.

Albert · June 2016

@IPN Part of which item or place is the code you are looking for?

H1 size on mobile too big!

Comments