Slider overflows when adding another slide

[zbrah (Mazette.co)]

Hi Christoph!
I hope you are well.

I found a solution for your slider.

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:

1. Here is the structure
   

   

2. Here are the parameters of the div “your padding”, width 100% and padding in rem and not in %.
   

   

3. Here the “slider 2” style
   

   

4. No style for the “Mask 2” class

5. No style for the “slide 1” class (and others “slide X”)

6. Here is the style of the “H1” class, display block !
   

   

Now, if you want to add slides, go to the slider settings “slider 2” and click on “add slide”.

If you notice that your text is too long, you can set a height in px on “slider 2”
Example in tablet breakpoint

I hope this helps! This is one solution among others!

Have a nice day!