Pro Header Builder - Spacing & Scaling Issues

[rotation]

Im having some major issues with the header:

1. I gotta know how to move the logo over to the left- How can I fix this?

2. The scaling of the elements in the containers is so bad how can I ever use this header, Nothing scales perfectly. How can I fix this ?

3. The spacing between each container and the spacing of each element is so hard to find the setting control, I just spend time making it worse. - How can I move each container closer or spread a part more?

4. The Elements when scaling the page to check how it scales go from normal to small to big - what is this? How can I fix this ?

5. The main menu has to much space on each side it could get closer to the other containers - I cant find how to do this. Can you help?

Thanks

[ruenel]

Hello @Rotation,

Thanks for the very detailed post details.

1.) If you want to move the logo to the left, you must reduce or remove all the left margin and left padding in your image element and its container. I can see that you have a negative 1 margin, 8 pixel padding and also another 11 pixel margin for the container. If you reduce or remove the left padding and margin, the logo image should be aligned to the left.

2.) Your image logo is way bigger which made the whole header have less space for other elements. You will need to set a maximum width for your logo image to control its size.

3.) So that you will have an equal spacing, please edit each of your container and set the Self Flex to “Fill Space Equally”.

4.) In your bar settings, the “Shrink Amount” is set to 1 which would mean no changes among the elements as you scroll the page. If you set this less than or greater than 1, all the elements in your header will resize to a bigger or smaller size as you scroll the page.

5.) The same in #3, in the Navigation Inline settings, your “Self Flex” must be set to “Fill Space Equally” so that the menu items will be more spread out.

Hope this helps. Please let us know how it goes.