Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 24, 2018 at 5:03 am #1001031
    vonney88

    Hi,

    I have slideshow layer issue on iOS device. The font didn’t fit with the background layer but when using Chrome inspector to check are working good. Below is the screenshot:

    With chrome inspector

    With iPhone

    The enfold version is 4.3.1. Please let me know how can I adjust it to fit with iOS device.

    Thanks

    Regards,
    Jack

    August 24, 2018 at 12:17 pm #1001168
    Victoria

    Hey vonney88,

    You need to give layers some class so that they can be adjusted individually.
    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: 767px) {
  html .ls-wrapper > h3, 
  body .ls-wrapper > h3, 
  #ls-global .ls-wrapper > h3,
  html .ls-wrapper > h2, 
  body .ls-wrapper > h2, 
  #ls-global .ls-wrapper > h2 {
    width: auto !important;
    min-width: 200px;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    August 28, 2018 at 10:39 am #1002620
    vonney88

    Hi,

    Thanks, will give it a try.

    August 28, 2018 at 1:18 pm #1002677
    Rikard

    Hi Jack,

    Great, let us know if you have any luck with it or not.

    Best regards,
    Rikard

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