Bold text in last line of the drop down menu

Solved
ItsNadia
Tourist
3 0 2

Hi everyone

I'm using the Debut theme, and I want all the last options in my drop down menu to be bold text. Is this possible?

I have tried so many different methods, but nothing has worked for me so far.

Thank you!

KetanKumar
Shopify Partner
14494 1670 5204

@ItsNadia 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
ItsNadia
Tourist
3 0 2

Hi KetunKumar

Thank you so much! My page URL is https://rene-poter.myshopify.com/ the password is - Nadia1234

I want the first 4 drop down menus, to have bold text on the last option, but not the other main menus.

So the menus called "Udstyr", Jakker og sweatere", "Hundefoder og godbidder" and "Pels og pleje", are the ones that needs bold text on the last option, of every menu.

0 Likes
dmwwebartisan
Shopify Partner
4553 1022 1320

This is an accepted solution.

@ItsNadia 

Please add the following code at the bottom of your assets/theme.css file.

div#SiteNavLabel-jakker-og-sweatere ul li:last-child, div#SiteNavLabel-pels-og-pleje ul li:last-child{ font-weight: bold; }
li.site-nav__childlist-item ul li:last-child { font-weight: bold; }

Hope this works.

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
KetanKumar
Shopify Partner
14494 1670 5204

@ItsNadia 

Thanks for the store URL.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

.site-nav__dropdown li ul li:last-child a {font-weight: bold;}

After code view

KetanKumar_0-1613646495459.png

 

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
ItsNadia
Tourist
3 0 2

This was super easy, and worked perfectly! Now it looks exactly like I wanted it to look. Thank you so much for your help!