Shopify themes, liquid, logos, and UX
Hi,
I was wondering how can I change thickness of header main menu and i have no clue. First thing is that i want to change is thickness in header main menu like make it more bold like on this picture:
And the second thing is about mega menu links I want them to look lighter than on this picture:
I would be really greatfull for help
Solved! Go to the solution
This is an accepted solution.
Oh, please change the code like below.
<style>
.header__menu-item span {
font-weight: bolder !important;
}
.mega-menu__link--level-2 {
font-weight: 700 !important;
}
.mega-menu__link.link {
font-weight: lighter;
}
</style>
Hi, @Aleksander22
Please share the store URL so that I can assist you.
You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the </head> tag
<style>
.header__menu-item span {
font-weight: bolder !important;
}
.mega-menu__link{
font-weight: lighter !important;
}
</style>
Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!
This is an accepted solution.
Oh, please change the code like below.
<style>
.header__menu-item span {
font-weight: bolder !important;
}
.mega-menu__link--level-2 {
font-weight: 700 !important;
}
.mega-menu__link.link {
font-weight: lighter;
}
</style>
Thanks that was really helpfull
I'm glad to solve your problem. If this is helpful, please Like and Accept the solution. Thanks.
By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024