Header design

Topic summary

Goal: replicate a two-line Shopify header. Line 1: main navigation (right/centered) + account icon. Line 2: main category items with dropdowns (including the last item), plus search bar and cart icon. Two reference screenshots were shared (images are central to visualizing the layout).

Solutions proposed:

  • Theme-dependent approach: buy a theme with similar header, custom-code the header, or use an app.
  • App recommendation: try Section Store (one-time payment, works with any theme). However, the requester already uses Section Store and only finds single-line headers; asks for an app that supports this exact two-line setup.
  • Custom development view: due to complexity, custom code in the theme is likely required; advised hiring a Shopify developer via the Shopify Experts marketplace.

Updates and links:

Status: unresolved/ongoing. Awaiting either a specific app that supports a two-line header with dropdowns or a tailored custom-code proposal after reviewing the provided URLs.

Summarized with AI on December 11. AI used: gpt-5.

So, I’m a bit stuck.

I’d love to recreate the same header/menu setup as shown in the image below. Ideally, there would be two lines:

2 Likes

Something like this is very theme dependant, you have a few options:

  • Purchase a theme with a similar header already included
  • Customise the header yourself (requires a developer)
  • Use an app.

I would recommend using an app, the other options are both expensive and time consuming. Check out Section Store, they may not have an identical header but they have similar ones, they work with any theme and are a one time payment so you’re not paying every month.

If that doesn’t work you’d need to either shop around apps or get a developer to customise your current theme to implement this exact header functionality.

Okay no problem

Drop the Store URL let us see the store you are talking about

We are here to help each other

Hey @Charcopp14,

This is the best idea to recreate your Store front header. This is significantly add a good impression for the customer and add a better UI.

But as per the complicity it’s requires to do the custom code in your existing theme files. This is not a simple task that could be share the coding with you and change automatically happens.

But this requires a proper planning to create this type of header.

So the best option is that hire a Shopify Developer. You can hire it from the Shopify Experts marketplace.

Or you can DM me to recreate this header based on your reference site.

Thanks

Looked around and found a lot off apps but always a single line header and not with the options that I need. Maybe you do know of an app that has this type of header? I already work with section store

Do I need to drop my URL of the URL of the website with the type of header I am looking for?

Hi @Charcopp14

Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.

Best regards,
Devcoder :laptop:

1 Like

this is my site

1 Like

Hi @Charcopp14

Yes, you’ve shared the screenshot above. Could you also share the link to that website?

Yes this is it: https://okhuysen.nl