Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 25, 2023 at 3:18 am #1420216
    Dzimnikov

    Hi, need help on this page: https://mygolfcoaches.com/about-our-developer/

    I have a Fullwidth Easy Slider at the top of the page, but the golfers in the picture are all the way to the left. Since the image is centered, you cant see the golfers really on mobile. I’d like to change the position of the background to left, so that you can see those golfers on mobile.

    I tried doing it with CSS, but I can seem to find the identifier that regulates the background image of that first slide.

    Appreciate your help,
    -Daniel

    September 25, 2023 at 4:24 am #1420217
    Ismael

    Hey Dzimnikov,

    Thank you for the inquiry.

    You can use this css code to adjust the position of the image for smaller screens.

    @media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  #top .av_slideshow_full .av-lmy2017r-6f332ec5b1caff086e271debf2f4483e__0 img {
    border-radius: 0px;
    left: -100px !important;
  }
}

    Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.

    Best regards,
    Ismael

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