Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • April 27, 2018 at 1:58 pm #947944
    Archie

    Hi there Enfold Team!

    Is it possible to center display the slide image on mobile?

    This is how it currently displays on mobile:
    http://prntscr.com/jaswhd

    I would like the slide image to display this way:
    https://prnt.sc/jasvu5

    Thank you so much for your help!

    April 30, 2018 at 9:26 am #948895
    Ismael

    Hey hackoffseries,

    Thank you for using enfold.

    Yes, that’s possible. Adjust the background position on mobile view.

    @media only screen and (max-width: 1024px) {
.avia-fullscreen-slider .avia-slideshow>ul>li {
    background-position: center center !important;
}
}

    You can also user percentage values if you want to specify the actual position of the background image.

    @media only screen and (max-width: 1024px) {
.avia-fullscreen-slider .avia-slideshow>ul>li {
    background-position: 50% 50% !important;
}
}

    Please note that this modification will affect every fullscreen slider in the site. Use the custom css class field so that you can adjust the selector in the css above.

    Best regards,
    Ismael

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