H1 size on mobile too big!

thedesignboy

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

Albert

Hey,

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

Thanks!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

thedesignboy

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

thedesignboy

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

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.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

thedesignboy

okay will take a look, thanks for the link.

IPN

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next