Changing font sizes for mobile view

this is part of Media Querries

for example :

@media only screen and (max-width: 480px) {
    body {
        font-size: 14px;
    }
}

this will work for screen only and underneath a width of 480px
you see on that link that you can set a lot of options – maybe you only want to set print font size :

@media print {
    body {
        font-size: 14px;
    }
}

but if you like to overwrite some rules on enfold you have to think about the class: “.responsive” which is added if you are beneath the width you set for mobile behaviour on enfold options dialog.
etc. pp.

btw. it is often recomended that you set those rules to !important

• This reply was modified 8 years, 5 months ago by Guenni007.