Second Row of Navigation below Image Banner and Page Headers

Solved

Second Row of Navigation below Image Banner and Page Headers

BukShop
Tourist
4 0 1

Hello,
I am using the Dawn theme. I have two rows of navigation on my site. For some reason, something changed so now the second row of navigation is dipping below the banner image on the homepage and the header on normal pages.  Any idea what I may have done?

Thanks so much in adavance.

Screenshot 2025-05-03 184846.jpgScreenshot 2025-05-03 185327.jpg

Accepted Solution (1)

tim
Shopify Partner
4483 532 1634

This is an accepted solution.

This happens because you have fixed height set on the header.

When your menu wraps onto second and third lines, header does not grow to accomodate for this.

You can fix this by adding the following code to the "header" section "Custom CSS" setting:

header.header {
  height: auto;
}

Screenshot 2025-05-04 at 1.43.46 PM.png

 

However, there are too many top level menu items --  studies show that this is a bad user experience. Consider re-organizing your menu.

If my post is helpful, hit the thumb up button -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com

View solution in original post

Replies 3 (3)

BiDeal-Discount
Shopify Partner
506 58 115

I think you should change the header height to fit with 2nd row of menu

- Helpful? Like & Accept solution!
- BiDeal Bundle Volume Discounts: Upsell with bundles, quantity breaks, volume discounts. AOV+ with gifts, shipping & progressive cart
- Bify app: Shopify automatic discount solutions
- Contact me? support@bify.app or WhatsApp: +84974709330

tim
Shopify Partner
4483 532 1634

This is an accepted solution.

This happens because you have fixed height set on the header.

When your menu wraps onto second and third lines, header does not grow to accomodate for this.

You can fix this by adding the following code to the "header" section "Custom CSS" setting:

header.header {
  height: auto;
}

Screenshot 2025-05-04 at 1.43.46 PM.png

 

However, there are too many top level menu items --  studies show that this is a bad user experience. Consider re-organizing your menu.

If my post is helpful, hit the thumb up button -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com
BukShop
Tourist
4 0 1

Than you so much, that did the trick!