Change layerslider navigation arrows position

Hey enfold,

Thank you for the inquiry.

You can use this css code to adjust the position of the slider navigation.

#top .avia-layerslider .ls-nav-prev, #top .avia-layerslider .ls-nav-next {
    top: 30%;
}

Default top value is 50%.

To change the transition effect, go to the Slide > Timing & Transition panel (see private field). You can also adjust the transition for each layer in the slider.

Best regards,
Ismael

Hi,

Thank you for the update.

Please, could you tell me how to use this css code just for mobile version?

You can wrap the code inside this css media query to limit the adjustment on smaller screens.

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

}

Regarding the transition, please make sure to purge the cache or remove the browser history before checking the page. You can also test it on incognito mode.

Best regards,
Ismael

Hi,

Thank you for following up.

Can we access the site? We may have to inspect the slider transition settings in order to locate the issue. Please provide the login info in the private field.

Best regards,
Ismael