Scaling issue with Header Builder

Support
#1

Hello!

I’ve made a sticky header that shrinks and includes an image. Now, when I scroll down it resizes and all, but the elements get placed in a different place each time. I’ve experimented with this and it actually depends on the speed with which I am scrolling lol

Screenshots attached. Please help.

#2

Hi There,

I am little confuse at the moment. Based on your screenshots, elements on the header are all on the same position. Please clarify the issue. Please also share your site URL.

#3

This is in a staging environment that is not open to the public. Please take a closer look at the positioning of the logo on the top left. The distance between the edge of the screen and the logo varies. This pushes the three words in the middle a little bit as well.

Login info is in the secure note.

#4

Hi there,

The same in your other post, I’m unable to access the login URL. Please provide the correct one.

Thanks!

#5

Oops, sorry. I updated the URL in the secure note

#6

Hi there,

I change your logo container’s max-width to 490px, that should fix it :slight_smile:

But the logo will still move since it’s centered on its container, you can change the flex direction of that container to Start or End.

Hope this helps :slight_smile:

#7

Hey there!

Thanks for that.

The resizing script still works the same as it did before: it doesn’t produce consistent positioning. Attached are two screenshots where I scrolled down at a different speed, and as you can see the logo is in slightly different places :slight_smile:

#8

Hi There,

I can see the issue. This is because on Bar > Sticky Setup > Shrink Amount is set. All of the content inside this bar will shrink. Then on the firs container where the logo is, Flex Layout is set to center. Once scroll, when the logo shrink it’s width will decrease and then it will then adjust it’s current position to make it center. If you want the logo to remain on it’s position on the left, please replace center with start as previously suggested. See this: https://screencast-o-matic.com/watch/cbQqfnIYH9

I also see the issue on the script not picking right when scrolling is too fast. I will forward this to our developer for investigation.

#9

Ok thank you

#10

You’re welcome!