My webpage is: http://jeffvece.com
I was able to change the font size on my homepage for both the title and content fields (“You Have a Vision” and “I Can Help You Put It Into Words”) by adding the following text to the CSS editor:
//* Title field: “You Have a Vision” *//
#shapely_home_parallax-2 h1 {
font-size: 6em;
font-weight: bold;
line-height: .9em;
}
//*Content field: “I Can Help You Put It Into Words” *//
#shapely_home_parallax-2 .mb32 {
font-size: 2.9em;
}
However, when viewed on a mobile screen, the text “I Can Help You Put It Into Words” is too small. I tried adjusting it by adding the following to the CSS editor:
@media screen and (max-width: 750px) {
#shapely_home_parallax-2 .mb32 {
font-size: large;
}
}
No matter what value I enter for the font size, it doesn’t change on a mobile screen. If I change “.mb32” above to “h1” I can change the title text font size on mobile (“You Have a Vision”), so this is very confusing.
Thanks ahead of time.