Space appearing on live view but not in preview

[archerthefox]

Hi team,

I’ve got a mysterious white space that I can’t get rid of.
It’s appearing correctly in the preview, but not in the live view.

The gap is bigger under the Book a stone consult button in live.

I’ve updated theme and plugins etc.

[prakash_s]

Hello @archerthefox,

Thanks for writing to us.

It seems that you have set the Margin-top of the DIV element and you have set the slider container Align items as Center. I would suggest you please go to the DIV element and Slider container element and remove the margin and set the align as “Start”. Please have a look at the given screenshot below.

Hope it helps
Thanks

[archerthefox]

Thank you. I’ve done this, which has solved the gap issue, but now I have a gap between the slider and the paginaton…

[marc_a]

Hey @archerthefox,

Upon checking the slider, there’s a default CSS for the inline slider using the integrity stack. To fix that issue, we need to override that CSS code. Please add the code below to your global CSS.

.x-slide-container.is-inline.is-paged .x-slide {
  flex-basis: auto;
}

Please note that custom CSS code is outside the scope of our support. Issues that might arise from the use of custom CSS code and further enhancements should be directed to a third-party developer or you can avail One where we can answer questions outside of the features of our theme.

Hope that helps.

[archerthefox]

Thanks that worked!
Just as an FYI i had to add a class to that slider as it was changing the format of the slider just below it.

For others with the same issue here’s what I did:

.homeslide .x-slide-container.is-inline.is-paged .x-slide {
flex-basis: auto;
}

[ruenel]

You are most welcome, @archerthefox.