Uneven spacing between header menu for dawn theme

Store Design
,
1

Looking for help to fix the uneven spacing between the header menu, which I noticed for “Shop” & “Brands” there’s drop down menu and caused additional spacing on the right side of the wording. Hence, uneven spacing between the menus.

KelvinLeow_0-1677574819496.png
KelvinLeow_0-1677574819496.png674×136 9.93 KB

Web: https://dissy-co.myshopify.com/
Password: Cheolt

2

Hello @KelvinLeow ,

You can follow these steps:

  1. Go to Online Store->Theme->Edit code

GemPages_0-1677575472557.png
GemPages_0-1677575472557.png400×193 29.2 KB

  1. Open your theme.liquid file, paste the below code before

GemPages_1-1677575500390.png
GemPages_1-1677575500390.png1725×854 71 KB

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

3

@KelvinLeow

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

summary.list-menu__item {
  padding-right: 1rem !important;
 }
4

.hi @KelvinLeow

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file base.css

summary.list-menu__item {
  padding-right: 1rem !important;
 }

Hope this answer helps.

Best regards,

Victor | PageFly