[Resolved] image carousel – width issue

[STENCIL]

Hi there,

I’m using Kadence Advanced Gallery to create a filmstrip like carousel of small images, underneath a larger full width feature image on posts – but having some trouble getting it to fit properly.

I’m using the Sider theme, to create a left side menu, and the carousel appears to be starting under it and creating a horizontal scroll bar, widening the page on the right.

I believe the CSS accounts for the menu and adds padding to push the content in – but doesn’t seem to work for this. Is it a compatibility issue with Kadence? is there any CSS you recommend to fit between the side menu and right page edge, and not extending it?

It seems to work for tablet and mobile – just not desktop.

Thank you

[Ying]

Hi there,

1. Can you remove all the alignfullsettings from all blocks?

2. The Kadence gallery block has the negative margins set all around, which causes the overflow, try to add this CSS:

.inside-article .wp-block-kadence-advancedgallery {
    margin: -35px 0 !important;
}

Let me know if you need further assistance 🙂

[STENCIL]

Ah brilliant thank you – been working it for ages!

It fit the width to match the other content and I can see the arrows to use the carousel, but the horizontal scroll was still there, showing a bit of empty page on the right, so added:

body {
    overflow-x: hidden;
}

And that looks great, thank you for your help!!

[Author]

Posts