Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #496820

    Hello,
    I have a layer slider around the middle of my home page. It’s a simple slider that rotates 4 images.
    Works perfectly fine ad the images are centered when browser is at full width. However the centering falls apart once the browser width is made smaller.
    I need my images to stay centered even at smaller browser sizes. Thanks in advance

    E

    #496856

    Hi Edna!

    I tested the site on my iPhone and I do not see that issue. Could you please provide us with a screenshot of the device you are using?
    Thanks a lot!

    Regards,
    Basilis

    #497134

    Hi Basilis,
    Thanks for looking into this. I have uploaded a screenshot for you. I am on windows 8 using Firefox. I have just made my browser window smaller in size.

    #497527

    Hi,

    Could you please provide us with a temporary admin login so that we can take a closer look? You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    #497668

    Hello,
    Thanks for looking into this. Admin username has been created.

    Thanks again in advance
    E.

    #498282

    Hi,

    You have used absolute pixel values for you images, for instance 316.5 pixels from the left so your images will always stay that amount of pixels to the left of the border. In other words, they will only be “centered” on one screen size. Try removing you pixels values and add the following to custom CSS instead:

        display: table;
        margin: 0 auto;
    

    Thanks,
    Rikard

    #498433

    Thanks Rikard,
    That didn’t fix the issue I was having. After playing around with the settings I put the width and height of the slider in “slider Settings” to the exact width and height of the image I was using. I also removed the “responsive” mode and “full-width” settings.
    Now it’s perfectly centered on smaller browser sizes and shows properly on a phone as well.

    Thanks so much for all :)
    This issue can be closed.

    #498833

    Hi,

    Great, glad you got it fixed :-)

    Regards,
    Rikard

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Centering image in layerslider (Smaller browser sizes)’ is closed to new replies.