White Space Under Header When Removing Navigation Scroll

Store Design
1

Hi!

We decided to remove the navigation scroll as it disrupts our product page. Attaching two images: one with the navigation scroll and the other with the white spaces when we uncheck the navigation scroll box. https://372gyxyb7zac6icv-59234746575.shopifypreview.com

Bonus points if you can help us with a code that would center the logo about the nav links?

Thanks!

Screen Shot 2021-09-13 at 2.01.13 PM.png
Screen Shot 2021-09-13 at 2.01.13 PM.png3478×1748 478 KB

Screen Shot 2021-09-13 at 2.01.22 PM.png
Screen Shot 2021-09-13 at 2.01.22 PM.png3550×1700 383 KB

2

Hello @PamelaL17 ,

  1. Check the screenshot

top.PNG
top.PNG1902×893 150 KB

  1. Not possible without adjusting the html. If you can adjust it move navigation html inside the logo container and move logo html inside the navigation container.
    Maybe still after doing this you have to make adjustements.

Thanks

3

Thank you! I’ve found it when inspecting but am struggling to find the property to remove in the edit code. Which section would it be under?

4

It’s in theme.liquid and I think JS added this style.