Hello Everyone The desktop version of the nav bar menu has a problem where it displays only up to four menu items. The remaining items appear in a dropdown next to these four items, indicated by “3 dots.” A screenshot is attached for reference. [m8bmir_0-1691565856620.png] website is : https://ag…

.header-2 .header-middle__left { width: 130px !important; } .header-2 .header-middle__center { width: 100%!important; } .header-2 .header-middle__right { width: 162px !important; } Sorry, there was a mistake in my previous css please try this

Hey @m8bmir The following css will solve the problme. .header-2 .header-middle__left { width: 130px !important; } .header-2 .header-middle__center { width: calc(100% ) !important; } .header-2 .header-middle__right { width: 162px !important; } [Aguila Activewear & Gymwear_ Online Shop…

Thank you for your response, I will add this code in the duplicate theme, can you tell me which section I should add this code to?

You can add this in the header section. [custom css.png]

added in the header section, didn’t work

it should work. can you share the theme preview in which you applied it?

Still didn’t work, maybe you are using a wide-screen monitor , that’s why it’s working for you, but not for me

Sorry to see that it’s not working. I check on a normal laptop screen and even i resize the screen. attached is a screen recording. https://www.awesomescreenshot.com/video/19804450?key=b02bcdc5191c020fa2f77b3ee7217a0d

Thank you for your responses and effort, I’ll try again.

It sounds like you’re working with the Craft theme and trying to add a custom line item property to a product template. However, it seems like your message got cut off at the end. Could you please provide more details or let me know what specific assistance you’re looking for? Are you encountering a…

Desktop Navigation Menu Not Showing Entirely

Shopify Discussion

azamgill August 9, 2023, 8:50am 4

You can add this in the header section.

Topic		Replies	Views
The top heading bar looks messy on 2 lines Store Design design	6	77	July 25, 2024
Debut Theme Menu not across the desktop menu Store Design	4	29	February 14, 2022
How to keep menu navigation on one line in Spotlight theme? Store Design menu	4	49	July 28, 2024
How to move menu items into one line on split navigation? Technical Q&A shopify-theme	7	66	September 9, 2021
How can I display just one row in desktop header navigation with Dawn theme? Store Design css	7	56	November 9, 2022

Desktop Navigation Menu Not Showing Entirely

Related topics