How can I display only one row of desktop header navigation?

Store Design
1

Hi I’m from Solved: Re: desktop header navigation(Dawn) - Shopify Community

I have updated header navigation and the code used before is not working,

navigation shows 2 rows again.

Can anyone help to make navugation only shows ONE ROW at every page that would see the header?

and hide the rest navigation on desktop header (only desktop, mobile header navigation needs to show ALL navigation, so I can’t delete the rest of navigation only hide on desktop)

including home page, collection page, product page…etc. Basically hide it at all pages.

ONE ROW LIKE THIS：

ONE ROW LIKE THIS
ONE ROW LIKE THIS1632×904 300 KB

NOW IT ALL SHOWS 2 ROWS AT ALL PAGE, PLEASE HIDE THE SECOND ROW.

AND AT COLLECTION PAGE
AND AT COLLECTION PAGE1280×873 255 KB

AT PRODUCT PAGE
AT PRODUCT PAGE1266×890 156 KB

AND ALL OTHER PAGE
AND ALL OTHER PAGE1252×856 52.5 KB

NOW IT'S 2 ROW(HOMEPAGE), PLEASE MAKE IT ONE
NOW IT'S 2 ROW(HOMEPAGE), PLEASE MAKE IT ONE1545×788 323 KB

URL:Hannah’s Accessory｜韓國飾品｜18K金｜92.5 (hannahsaccesory.myshopify.com)

PASSWORD:naihia

2

Hello @Pingyin

It’s GemPages support team and glad to support you today.

You can follow these steps:

  1. Go to Online Store → Theme → Edit code
  2. Open your theme.liquid theme file
  3. Paste below code before :

If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team

3

@GemPages thank you so much!

4

I am glad that my solution is helpful to you.

Best regards,
GemPages Support Team