How can I have different font in the mobile view for text blocks

Hi,

Yes it’s possible, try something like this:

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    .your-class{
      font-size: 20px;
    }
}

Thanks,
Rikard

Hi,

Please enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then edit your text block elements and give them a custom CSS class (“your-class” in the code Rikard posted above) and then add Rikard’s code once again and try adding !important rule to it as following

@media only screen and (max-width: 767px) {
    .your-class{
      font-size: 20px !important;
    }
}

Best regards,
Yigit

Hi,

You are welcome, let us know if you have any other questions or issues :)

Best regards,
Yigit