Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 16, 2017 at 11:50 am #808930
    albertobarch

    Hi, on a site I have a video on the home page, which you do not see on mobile. I created a new layer, inserted image and selected visible only on ipad and phone, while video is visible only on desktop. On mobile though vertically the image is not full screen, I would like it to fit even in height, even cutting it, not just in width, too low. how can I do? Thank you!
    P.S.: The video to edit is “home video”

    June 19, 2017 at 9:27 pm #809978
    Basilis

    Hey albertobarch,

    Have you selected the color section to be full height?

    Best regards,
    Basilis

    June 20, 2017 at 9:06 am #810236
    albertobarch

    Hi, it’s a “layer slider advanced”,
    It does not fit in a color section

    June 21, 2017 at 11:27 pm #811227
    Basilis

    Hi,

    Please do check that the color section you have, has no limits and also so it is full height

    THank you

    Best regards,
    Basilis

    June 22, 2017 at 9:52 am #811409
    albertobarch

    I’m sorry, but maybe we did not understand. Layer slider advanced can not be inserted into a color section, so I can not adjust it.

    June 22, 2017 at 6:44 pm #811743
    Victoria

    Hi albertobarch,

    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 (min-width: 768px) and (max-width: 1024px) {
#layerslider_8 {
  height: 434px !important;
}
#layerslider_8 .ls-wrapper.ls-z.ls-hide-on-desktop .ls-wrapper.ls-in-out {
  top: 0 !important;
}
}
@media only screen and (max-width: 767px) {
#layerslider_8 {
  height: 390px !important;
}
#layerslider_8 .ls-wrapper.ls-z.ls-hide-on-desktop .ls-wrapper.ls-in-out {
  top: 0 !important;
}
}

@media only screen and (max-width: 450px) {
#layerslider_8 {
  height: 180px !important;
  max-height: 220px !important;
}
#layerslider_8 .ls-wrapper.ls-z.ls-hide-on-desktop .ls-wrapper.ls-in-out {
  top: 0 !important;
}
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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