Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 30, 2024 at 3:13 pm #1438756
    dreamreader

    Hi,
    I am using this css for an arrow down on my layerslider.
    .avia-layerslider {
    z-index: 1;
    }
    #top .scroll-down-link {
    top: -100px;
    left:50% !important;
    }
    And it works perfectly on desktop.
    On mobile this arrow is not centered.
    How can I fix this?
    This site is not online yet. Please use the link to my working site in the private section.
    And 2nd question:
    How could I get the rounded picture, which comes from a column, smaller on mobile?
    Thank You!
    Best regards

    • This topic was modified 8 months, 3 weeks ago by dreamreader.
    March 30, 2024 at 10:29 pm #1438790
    Mike

    Hey dreamreader,
    The position of your arrow is not from your css, the LayerSlider is overriding it, so create a second arrow in your LayerSlider and then use the LayerSlider options to hide the first one on mobile and show the second one, then move the layer to the right until it is centered.
    You may need to try a few times to get it right.

    Best regards,
    Mike

    March 30, 2024 at 10:32 pm #1438792
    dreamreader

    Thank you Mike!
    I will try and let you know.
    Best Regards!

    March 31, 2024 at 10:30 am #1438826
    dreamreader

    Hi Mike,
    Since I do not need this arrow on mobile, I will make a second layer slider for mobile without it ;-)

    Thank you for your help and best regards!

    March 31, 2024 at 2:04 pm #1438837
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Layer Slider Arrow down’ is closed to new replies.