Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 5, 2017 at 8:02 pm #730050
    web4698

    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

    January 9, 2017 at 4:26 am #730941
    Ismael

    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

    January 9, 2017 at 5:56 pm #731220
    web4698

    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;
    }

    January 13, 2017 at 3:00 am #732920
    Nikko

    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

    January 13, 2017 at 7:51 am #733015
    web4698

    What would be the custom css to change that

    January 13, 2017 at 11:22 pm #733357
    Nikko

    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

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.