How to vertically center LayerSlider

[Pardi]

Hi,
For all sizes of screens: how may I vertically center LayerSlider?

Please see: https://tecnobiz.com.ar/desarrollo/galerias-fotos/personas/

Thank you!

[thai]

Hi There,

Instead of adding the gap element, please try adding the top & bottom margin of your section:

Hope it helps

[Pardi]

Hi Thai,

Thanks for your answer.
I’m sorry, I meant to center horizontally (like the title).

Thanks!

[thai]

Hi There,

It looks center horizontally on my end:

Could you please provide us with some screenshots how it looks on your end?

Many thanks.

[Pardi]

Hi Thai,

Here I send you two screen shots. I’m using the Mozilla “Responsive Design View”.

Thank you!

[rad]

Hi Gabriel,

May I know what firefox version? I see it the same on Safari, Chrome, and Firefox. Same for responsive design view, I even tried on a 320px width smaller that your screenshot.

Thanks!

[Pardi]

Hi Rad,

If you change the width of the screen manually, in any browser, at some point the slider appears off center.

This is with Chrome:

This is with Microsoft Edge:

Thanks!

[rad]

Hi Gabriel,

Yes, I’m able to reproduce it now. It doesn’t need to resize, it happens on specific width and even reloading the entire page resulted the same. Would you mind providing your admin login credentials in a secure note? I like to check your current slider settings as I need to check what’s adding the 400px max width in mobile view.

Thanks!

[Pardi]

Hi Rad,

You can find it in my previous reply.

Thanks,

[christian]

Hey Gabriel,

The given credentials does not work. Please check.

Thanks.

[Pardi]

Hi Christian,

The site is in a sub directory: https://tecnobiz.com.ar/desarrollo/wp-login.php have you tried there?

Thanks,

[thai]

Hi There,

To fix this issue, please try adding this custom CSS under Theme Options > CSS:

.ls-container {
    margin: 0 auto !important;
}

Hope it helps

[Pardi]

Hi Thai,

Now is working fine.

Thank you!

[jade]

You’re welcome, Gabriel.