Smart Slider 3 slide used as header is stretched to width of screen

Hi there,

Which hook are you using currently?

Let me know :)

I'm using the Header hook.

Try the before_header hook like this:

<div class="grid-container grid-parent">
    [smartslider3 slider=4]
</div>

Let me know :)

I tried that and it didn't change. :-(

I also added another slider on the homepage and it is stretching it also.
When I preview these within Smart Slider they look right.

thanks,
Gabi

Can you please do this first?
https://www.screencast.com/t/cPh1dY1vcmm

The code is showing that the top one is not added using this method:
https://generatepress.com/forums/topic/smart-slider-3-slide-used-as-header-is-stretched-to-width-of-screen/#post-904806

The bottom is full width because this setting is being used:
https://docs.generatepress.com/article/page-builder-container/

Hi Leo (my grandson's name)

I cleared the cashe and disabled the cashing plugin.

You wrote:
The code is showing that the top one is not added using this method:
https://generatepress.com/forums/topic/smart-slider-3-slide-used-as-header-is-stretched-to-width-of-screen/#post-904806

But that link is to this post we are in now.

And with https://docs.generatepress.com/article/page-builder-container/
the closest I could find was in Elements, Sidebar Layout, which I have set to Default
Is that what you mean? I don't see any changes.

Gabi

The code is added correctly now.

It's still not working as the slider has a defined width to it:
https://www.screencast.com/t/O3xWlboIyKm

As for the full-width container option, check the Layout metabox for on that page.

It works!
I changed the container on the page and set the slider width to 1093 by 317 pixels which fixed that.

Thank you so much!
Gabi

No problem :)