Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 2, 2015 at 4:50 am #496820
    Edna

    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

    September 2, 2015 at 6:31 am #496856
    Basilis

    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

    September 2, 2015 at 2:41 pm #497134
    Edna

    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.

    September 3, 2015 at 8:09 am #497527
    Rikard

    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

    September 3, 2015 at 2:59 pm #497668
    Edna

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

    Thanks again in advance
    E.

    September 4, 2015 at 12:29 pm #498282
    Rikard

    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

    September 4, 2015 at 3:22 pm #498433
    Edna

    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.

    September 6, 2015 at 12:08 pm #498833
    Rikard

    Hi,

    Great, glad you got it fixed :-)

    Regards,
    Rikard

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