Hey everyone, im looking to remove the spacing between the menu items in my header, which appeared due to the dropdown arrow being removed.
Also i would like to remove the font weight of the submenu items without affecting the main menu items
My website can be found in my signature, thank you.
Hi @Dabou
Check this one.
From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
Find the theme that you want to edit and click on “Actions” and then “Edit code”.
In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
summary#HeaderMenu-shop {
padding-right: 1.2rem;
}
a#HeaderMenu-shop-sweatshirts {
font-weight: normal;
}
AndSave.
Result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
@Made4uo-Ribe Would you be able to change the code so it would affect all submenu items, later ill add more.
Yeah sure, Check the 2nd code on this one.
.header__submenu .header__menu-item {
font-weight: 100;
}
And Save.
FYI, the padding on the right in your shop menu is 2.7rem. I make it same size on the other sides which is 1.2rem.
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
@Made4uo-Ribe it didnt work
@Made4uo-Ribe All worked, thanks for the help.
