I have a slider that contains text slides. Once I add a 4th slider (simply duplicating slide 3) makes the whole thing bust out to the right.
I’ve tried different overflow settings for the slider, the mask, all individual slides – and even the parent divs and section. But nothing makes the slider stay in bounds.
First of all, you have a lot of stacked blocks which are often not very useful. You could create class combos instead of creating a block for each container parameter, margins etc. This would allow you to have a clearer and more readable HTML structure.
Here are the modifications I made to your header section:
I don’t quite understand how 100% width setting would have an impact if the parent is contained? But just in case I’ve just changed that. The result is still the same unfortunately.
I don’t see any slider height set to 100%. Where do you see that?
Thank you @Stan - and thanks again for taking the time to help! Luckily just occasionally building sites for my own projects…
I just rebuilt the section simpler, with fewer divs, to force myself to understand how this happens. And it happened again – as soon as I add a 4th slide it breaks out…and I have no idea why. Gonna mess around with it for a bit…but I’m not giving myself much longer!
hi @Christoph I see that you follow Finsweet “client first” but even though I like Finsweet’s addition to the community the"client first" is IMO not the best way to build or learn to build websites. Client first is IMO more for agencies to have a unified approach across many projects to be able easy move from project to project without discovering how and what. It is in some way like Bootstrap.
Yeah, thanks for that opinion. I just briefly looked into Finsweet. It’s nothing that I’m very familiar with. I always have issues to put together a clean build with class hierarchies that don’t get messy at some point.
So, for this build I decided to start with some of the Relume components – which is why I ended up with so many divs nested into one another at some point. Probably going to build from scratch again next time.