Bold the name of menu

[InnoTier]

What can I do if I want to bold all the name of the menu?

https://innotier.com/

[Tech_Coding]

Hello @InnoTier 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  a.mega-menu__link.link, .header__menu-item.list-menu__item.link.focus-inset{
     font-weight: bold !important;
   }
</style>

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[InnoTier]

Works in computer, but not in mobile,  how to bold the menu name in mobile too?

[BSSCommerce-HDL · Accepted solution]

Hi @InnoTier, 

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

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.menu-drawer__menu-item.list-menu__item {
    font-weight: bold !important;
}
</style>

 Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[Tech_Coding]

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and(max-width: 767px){
   .menu-drawer__close-button, .menu-drawer summary.menu-drawer__menu-item, .menu-drawer__menu-item{
       font-weight: bold !important;
    }
  }
</style>
my reply helpful? Click Like to let me know!
your question answered? Mark my both solutions as an Accepted Solution.

[BSSCommerce-HDL]

Hi @InnoTier, 

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

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.header__menu-item.list-menu__item.link, a.mega-menu__link.mega-menu__link--level-2.link {
    font-weight: bold;
}
</style>

Here is result: 

 Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[Sangeetanahar]

hello @InnoTier 

Go to online store ----> themes ----> actions ----> edit code ---->assets ---->base.css...> add the code end of the file

.header__menu-item span {
    transition: text-decoration var(--duration-short) ease;
    font-weight: bold;
}
.mega-menu__list--condensed .mega-menu__link {
    font-weight: bold;
}

result

thanks