Sticky header left aligned and narrowed content

Hey @nikolavasic

We’re trying to reproduce your setup on our local installation to be able to get back to you with an exact answer, but we’ve hit a snag.

How did you exactly make the header sticky? It seems there’s a small issue with the position: fixed CSS attribute and some steps to get to that result would be great.

Thanks

Hi @cteduard,

I did as always, Elementor has a Sticky to top option.

@cteduard when I turn off the Sticky option the header is centered.

Thank you for the steps and screenshot, @nikolavasic

We’ve started investigating to see exactly if the issue comes from Blocksy or not and will get back to you as soon as possible!

Thanks again!

Hello @nikolavasic,
Ended there seems to be a small CSS issue with sticky containers.

We made an improvement for this use case, could you please help us to test it?
Here you can download the beta version of the theme – https://www.dropbox.com/s/8kamayzq41zr1p8/1.8.12-beta4-production.theme.zip?dl=0

Please give it a go and let us know how it works.

Hello @creativethemeshq

Good job! Everything works fine, and the header has centered in sticky mode.

Regards,
Nikola

Hey @nikolavasic,
Awesome, thanks for letting us know ??

Next update will contain this fix too so please update when it reaches you.

Cheers!

Hello @nikolavasic,
We made a small CSS improvement for sticky containers, please try this beta version and let us know how your header behaves.

Download link – https://www.dropbox.com/s/w3t3g4cq2lrxsdv/1.8.15-beta9-production.theme.zip?dl=0

Thank you!