The font for the full width button is changing from Lato to a serif font when viewing the site on a mobile device.
Please help
Hey web4698,
Thank you for using Enfold.
The font weight “light” is invalid. Please set the value to 300 or 400.
#top .avia-button-fullwidth {
font-family: "Lato" !important;
font-weight: 300 !important;
font-size: 12px !important;
}
Best regards,
Ismael
Thank you. This is what I’m using but the line height doesn’t convert on mobile devices.
.av-fullscreen-button span.avia_iconbox_title {
font-size: 42px;
color: #ffffff;
font-family: Lato !important;
font-weight: 300 !important;
line-height: 60px !important;
}
Hi,
I have checked it in my mobile device and it’s using 60px line-height as you have defined. Let us know if there’s still an issue. :)
Best regards,
Nikko
What would be the custom css to change that
Hey!
You can use almost the same code as you have added, you can add this code at the bottom of Quick CSS:
@media only screen and (max-width:767px) {
.av-fullscreen-button span.avia_iconbox_title {
font-size: 28px;
line-height: 36px !important;
}
}
This code only affects mobile, just adjust the font size and line height, hope this helps :)
Best regards,
Nikko