Change font weight to bold for one menu item in drop-down

[jkc1]

Hi,

I'd like to change the font weight to bold for a collection listing within a drop-down menu. Your help would be appreciated.

Thank you!

[BSS-TekLabs]

Hi @jkc1,

Could you kindly provide us with your store URL and, if applicable, the password, so that our team can offer you the necessary support?

[jkc1]

Thank you for responding. The website refresh that I am working on is not live or password protected right now.  I've attached a larger screenshot if that is helpful?

Thank you!

[jkc1]

Hello,

I have password-protected the site.

Shopify site: thermell.com
Password: tempor

Any help would be appreciated. I am trying to make the last word in the drop-down menu bold (see attached). I am using Frame theme.

Thank you.

[BSS-TekLabs]

Hi @jkc1,

Here are the steps you can follow:

1, Navigate to Online Store > Themes > Edit Code.

2, Locate and open the base.css (or theme.css, custom.css) file.

3, Paste the code snippet provided below at the bottom of the file, then save your changes.

/* This code makes the other link regular */
ul.site-nav--dropdown-grandchild li {
    font-weight: 100;
}

/* This code makes the last link bold */
#MenuChildren-3-1 > li:nth-child(5) > a {
    font-weight: 600;
}

Here is the result

We hope this assists in resolving the issue.

If you find our solution helpful, kindly consider Liking and Marking it as Accepted. Thank you!

[jkc1]

Hello,

I added the code at the end of the base.css file, but I didn't notice any changes on the new site, which is currently using the Frame theme that's not live yet. I can password protect it for you to review, but I'd need to know a specific window of time since it's during business hours.

Thank you for your response and for your ongoing assistance.

[BSS-TekLabs]

Hi @jkc1,

If your new site isn't live yet, you can send me a preview link via private message with this instruction

[BSS-TekLabs · Accepted solution]

Hi @jkc1,

Here are the steps you can follow:

1, Navigate to Online Store > Themes > Edit Code.

2, Locate and open the base.css (or theme.css, custom.css) file.

3, Paste the code snippet provided below at the bottom of the file, then save your changes.

#shopify-section-sections--18027728601321__header > sticky-header > header > nav > ul > li:nth-child(3) > details-disclosure > details > div > div > ul > li:nth-child(1) > div > ul > li:nth-child(6) > a {
    font-weight: bold;
}

Here is the result

We hope this assists in resolving the issue.

If you find our solution helpful, kindly consider Liking and Marking it as Accepted. Thank you!