buttons over the edge

Hi there,

to add the 'nav buttons' to slide them would require some Javascript and custom development. If thats required then i suggest the plugin.

If its not required then we can provide some CSS to do that. Let me know,

I split the buttons onto several slides but there flexbox grows the button-container to 100%. How can i limit the button-container with just one button in it to the width of this one button? After that it should be piece of cake but didnt get there on my own :D

Thanks for your support!

Can i see the site ?

The mobile version of this --> http://akademis.w4km8elg6q-ewl6nwykw652.p.runcloud.link/worth-school/

I would copy copied the buttons into a new container only visible on mobile and hide the desktop button containing container.

Some CSS like this:

@media(max-width: 768px) {
    .wp-block-cwp-block-slider ..gb-button-wrapper {
        display: inline-flex;
    }
}

Now the buttons just fills up the whole space :D

Oops - edited the above:

https://generatepress.com/forums/topic/buttons-over-the-edge/#post-2051944

Not sure if that will fix it as the Slider is also defining some widths....

Works if i unset the width of slick-slide but there is another problem i have to fix and i rather stick to another design then. But thanks for your support!

No problems - hope you find what you need !