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

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

Kakar
Excursionist
28 2 3

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

Screenshot (9).png

me.
Thank you.

Replies 9 (9)

oscprofessional
Shopify Partner
16116 2409 3125

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;
}

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
Kakar
Excursionist
28 2 3

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
Shopify Partner
16116 2409 3125

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;
}

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free

Typostore
Shopify Partner
117 11 13

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

- I'm dev shopify. | Skype : hoang.nguyenit92 | Email: typostores@gmail.com
- Is my reply helpful? Click Like to let me know!
- If you got your answer? Mark it as an Accepted Solution
Kakar
Excursionist
28 2 3

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

oscprofessional
Shopify Partner
16116 2409 3125

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;
}

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free
Kakar
Excursionist
28 2 3

Does not work

Typostore
Shopify Partner
117 11 13

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

- I'm dev shopify. | Skype : hoang.nguyenit92 | Email: typostores@gmail.com
- Is my reply helpful? Click Like to let me know!
- If you got your answer? Mark it as an Accepted Solution
OJP
Visitor
1 0 0

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!