Shopify themes, liquid, logos, and UX
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.
Solved! Go to the solution
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;
}
However, there are too many top level menu items -- studies show that this is a bad user experience. Consider re-organizing your menu.
I think you should change the header height to fit with 2nd row of menu
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;
}
However, there are too many top level menu items -- studies show that this is a bad user experience. Consider re-organizing your menu.
Than you so much, that did the trick!
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025