Making top center header menu have less padding

[Sicilia2025]

I want to make my header menu have less empty padding, and I couldn't find a working solution for top center position.

I want to cut off the parts in red, to make my menu slimmer.

https://r20561-af.myshopify.com/

Password: theaba

[Rahul_dhiman]

Hello @Sicilia2025 
Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.

.header.header--top-center.header--mobile-center.page-width.header--has-menu.header--has-account {
padding: 0px !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[EstherBui · Accepted solution]

Hi Sicilia2025

- You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

header.header.header--top-center.header--mobile-center.page-width.header--has-menu.header--has-account {
  padding: 0 32px !important;
}

 
Result: 

Best, 
Esther