How to bold Navigation Menu Header and header of dropdown menu.

[Kakar]

Hello. Someone who will help me with it. How to bold the Navigation Menu Header and header of the dropdown menu.
I have marked the changes in the image that I want. Please check the image to understand me well.
İ will be very glad if someone helps

 

me.
Thank you.

[oscprofessional]

Hello @Kakar 

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

details[open]:hover>.header__menu-item {
    font-weight: bold;
}

[Kakar]

Dear thank you very much but its only work for the navigation menu. Doesnt work for the dropdown menu header as I have mentioned in the image, sir.

[oscprofessional]

Hello @Kakar 

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.mega-menu__link--level-2 {
    font-weight: bold !imnportant;
}

[Typostore]

Hello,

You can add code this at bottom file base.css

summary.list-menu__item,
.mega-menu__link--level-2{font-weight:bold;}

it will work for you

Thank you

[Kakar]

well its work but can i reduce the size of boldness? Like it looking very thick

[oscprofessional]

Hello @Kakar 

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

a.mega-menu__link.mega-menu__link--level-2.link {
    font-weight: 900 !important;
}

[Kakar]

Does not work

[Typostore]

Hello, you can reduce boldness for text, because your font is not support, I have try change it by 500 but it same 400. or I think you can find a font other to check it

[OJP]

Hi there!

I have the same problem/request as @Kakar had. However, I use the Flow theme by Eight, which doesn't seem to have a base.css file under Assets (nor anywhere else in the code). Would you be able to tell me where I can paste the code you suggested?

Thanks in advance!