Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #947944

    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!

    #948895

    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

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