Unwanted space on sticky header

[tashitendrel]

Hi there,

I have some problem with sticky header. When we are at the beginning of the page all elements (or containers) spread around nicely. But when I start to scroll down, suddenly some space on the right side appears and I cannot identify its source. I am attaching 2 screenshots to show the difference. The website is dharmaebooks.org

Moreover, I tried to check it on Chrome, but that bar looks fine in Chrome. It is quite possible that the issue comes out only in Safari, but it also means all the iphones and ipads, which are the main devises to view this particular website.

Please have a look, maybe you will find something I cannot see?

[ruenel]

Hello @tashitendrel,

Thanks for posting in!

I have compared your header at the top and when you scroll the page. There is no difference in space on my end.
This is how I am seeing your site:

Does it happens in the builder only? Please check your front end.

[tashitendrel]

Yes, of course, it was showing on the front end. Otherwise I wouldn’t bother.

I resolved it now by removing outer space on this bar and added left and right paddings to the containers instead. Clearly outer space was the only thing changing the looks here…

[christian]

We’re glad that you’ve discovered an alternative solution, @tashitendrel.

I tried to replicate the setup you described in my test site though and the Outer Spacing option does not cause issues in Safari. It’s important to note though that Cornerstone / Pro works best in Chrome.

Thanks.