Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • May 11, 2018 at 11:04 am #955172
    Kamakshi

    Hi,

    I had raised this enquiry before, but couldnt solve the issue.
    I have used the Advanced layer slider on our website’s homepage.
    How can I increase the text size of the layers when displayed on the mobile screen? As of now, the font size is very small on mobile view and makes the website look very unprofessional.
    I have been checking the forum but unable to get the right code. Please, can you help me with this urgently? ( url below)

    May 12, 2018 at 7:05 am #955566
    Victoria

    Hey Kamakshi,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 479px) {
  #layerslider_16 h2, #layerslider_16 p,
  #layerslider_16 h1 {
    font-size: 18px !important;
    line-height: 20px !important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  #layerslider_16 h2, #layerslider_16 p,
  #layerslider_16 h1 {
    font-size: 26px !important;
    line-height: 22px !important;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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