Goal: place a horizontal navigation with drop‑down menus directly under the site logo in the storefront header, matching an example image.
What’s been tried: a responder explained how to create drop‑down menus in Shopify by nesting links (Online Store > Navigation > Main menu > drag items under a parent > Save), shared screenshots, and linked Shopify’s help doc. This shows how to build drop‑downs, not how to position them under the logo in the header.
Clarification: the original poster already knows how to create drop‑downs. The unresolved need is layout/placement—getting all menu items in one line beneath the header logo. They’re unsure which section to edit; attempts so far haven’t worked.
Other inputs: another user linked an example site; the original poster confirmed that layout is what they want but still can’t implement it.
Status: no confirmed solution or steps provided for positioning the menu under the logo. Images and screenshots are central to understanding the desired layout and the provided menu-nesting method.
Hi,
I’m looking at redesigning my store front and I’m wanting something like the image below, but I can’t figure it out.
The blacked out area is the logo and I’m putting it in the header.
I’m unable to add the drop down menus like that in the header or not sure what section to add as nothing I’m doing is working.
Any help would be appreciated.
Thanks
Go to Online Store> Navigation> Main Menu> Move Desired Menu Item Underneath Another Link To Create “Dropdown”> Save
Result:
More Info: https://help.shopify.com/en/manual/online-store/menus-and-links/drop-down-menus
Hope that works for you!
@biznazz101
Thanks for your reply.
I know how to make the drop down menus, I just want them all in a line under the site logo (blacked out) like the example in my first post, but I’m unsure how to do it.
Thanks
The website you have linked is what I am trying to do, but I can’t figure it out. Everything else I can do.
Thanks
