Solved

Bold text in last line of the drop down menu

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!

Accepted Solution (1)
dmwwebartisan
Shopify Partner
12289 2547 3698

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
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Replies 5 (5)

KetanKumar
Shopify Partner
36844 3636 11978

@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 Partner | 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.

dmwwebartisan
Shopify Partner
12289 2547 3698

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
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
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! 

KetanKumar
Shopify Partner
36844 3636 11978

@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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing