[52A145BB-F3D6-40D5-B7AC-68451FC76A62.jpeg] Hello can anyone help to make header navigations on desktop only show one row? Dawn theme url: https://hannahsaccesory.myshopify.com/ with password naihia

Hello @Pingyin , Add this CSS below of online store >> edit code >> assets >> base.css .header.header–top-center.header–mobile-left.page-width.header–has-menu { max-width: 1368px !important; }

Hello @Pingyin ! Hope you are doing well. Please add the below CSS in your base.css theme file at the bottom to show the navigation in one row: .page-width { max-width: 1365px !important; } Hope this helps.

@Pingyin oh sorry your menu item too much long if you need same long text change toggle menu its best way to look your header please confirm look [KetanKumar_5-1667930468617.png]

@MandasaTech hello is it possible to show less navigations? (still one row) [2022-11-09 09 21 40.png]

@rutvik_shop hello is it possible to show less navigations? (still one row) not showing the rest two or more [2022-11-09 09 21 40.png]

@rutvik_shop the rest navigations are for showing on mobile header menu, desktop and mobile use the same list of navigation. Just don’t want to show too many on desktop header. So it would be great if you can help me make desktop navigations only show maybe 5-6 navigations and hide the rest. thank …

How can I display just one row in desktop header navigation with Dawn theme?

Store Design

rutvik_shop November 9, 2022, 4:06am 7

Hello @Pingyin !
You can remove other navigation menus from the Online store > Navigation > Menus Check this screenshot: https://prnt.sc/KCYqoerubpFi
Hope this helps.

Topic		Replies	Views
How can I display only one row of desktop header navigation? Store Design css	3	199	December 8, 2022
How can I display only top 5 navigation links on my desktop header (Dawn theme)? Store Design css	3	114	November 20, 2022
The top heading bar looks messy on 2 lines Store Design design	6	107	July 25, 2024
How can I keep my header menu in one row on the Dawn theme? Store Design	4	62	June 28, 2022
Desktop Navigation Menu Not Showing Entirely Shopify Discussion troubleshooting	11	186	August 9, 2023

How can I display just one row in desktop header navigation with Dawn theme?

Related topics