Okay
  Public Ticket #1050902
Image Slider Controls & Mobile Issue
Closed

Comments

  •  2
    Mark started the conversation

    Hi,

    I've added a mobile slider with a sequence of images to one of my portfolio pages: http://www.markofarrell.co.uk/portfolio/democracy/ and have a couple of issues I'm hoping you can solve.

    1. Is there a way to 'null' the left and right image slider arrow controls when you are at the beginning or end of a sequence? i.e If you are at the beginning then the left arrow is not clickable, and then when you reach the last image the right arrow is not clickable.
    The reason I ask is that when I have clicked through each image, when you  reach the last one, and you click the right arrow to go back to the first image rather than go backward there is a 'jump' in displaying the image rather than it display seamlessly. 

    2. Is it possible to fix a display issue on mobile when viewing the same page? I'm viewing the page in chrome on a samsung phone (see attached screenshot). As you'll see the gap between the images is different between standard images and the image slider images, even though they are all set to default spacing. And it doesn't seem to be an issue when viewing on desktop.

    Many thanks,

    Mark

  • [deleted] replied

    Hi Mark,

    1— I'm sorry but this option is not available.

    2— Just add the code below to Custom CSS:

    @media screen and (max-width: 992px) {
        .single-portfolio-holder .gallery .portfolio-images-slider {
            margin-bottom: 15px !important;
        }
    }
    
  •  2
    Mark replied

    Hi Ylli,

    Okay thanks, I'll give that a try and see if it works.

    Cheers,

    Mark

  • [deleted] replied

    Hi Mark,

    Glad to hear that