it should work. can you share the theme preview in which you applied it?
Topic summary
Desktop navigation shows only four visible menu items on aguilaactivewear.com; remaining items collapse into a three-dots overflow. Goal: display all items in a single row on desktop without the dropdown.
Proposed fix: add custom CSS (styling code) to adjust header column widths so the center menu area gets full width. Suggested rules:
- .header-2 .header-middle__left { width: 130px !important; }
- .header-2 .header-middle__center { width: 100% !important; }
- .header-2 .header-middle__right { width: 162px !important; }
Apply in the Header section, on a duplicated theme first, then preview before publishing.
Attempts/outcome: OP added the CSS but it didn’t resolve the issue. A corrected CSS snippet was provided, yet still no change on OP’s screen. Helper’s tests on a standard laptop and resized view appeared to work; a screen recording was shared.
Notes: Screenshots and a video are central to assessing behavior across screen sizes. Discussion remains unresolved; OP will try again. A later comment about adding a custom line item property appears unrelated to the menu issue.
1 Like