Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #1104568

    Hi there,

    We’re using a horizontal gallery on one of our websites and enabled the controls for that gallery. Unfortunately, the controls lay over the images. We’d prefer to see them left/right from the images. See also:

    Additionally, I used some CSS so the controls stay visible:

    .av-control-minimal .avia-slideshow-controls a {
      opacity: 1;

    Is there any solution available? I’ve already searched the forums and looked through several threads regarding the gallery element but couldn’t find the issue/a solution. If there’s one already available please be so kind and provide a link. :)

    Thank you in advance!


    Hey Chili2908,

    Thank you for using Enfold.

    You can use this css code to move the navigation arrows outside the gallery container.

    #top .avia-slideshow-arrows {
        right: -100px;
    #top .avia-slideshow-arrows a.prev-slide {
        left: -100px;
    .av-horizontal-gallery {
        overflow: visible;
    .av-horizontal-gallery .av-horizontal-gallery-inner {
        overflow: hidden;

    Best regards,


    Awesome, works like a charm. Thank you very much! :)



    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Horizontal gallery – control elements’ is closed to new replies.