Solved

How to make the drop-down menu bold in the Broadcast theme?

valeriashapes
Tourist
42 0 2

Hello Experts,

 

I need help making the drop down menu characters bold, any advice?

Thank you for your help!

 

Broadcast theme

www.shapesdecor.com

 

Kindly

Accepted Solution (1)

ThePrimeWeb
Shopify Partner
2138 614 487

This is an accepted solution.

Hey @valeriashapes,

 

Use this for both mobile and desktop.

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
.header__dropdown span.navtext {
    font-weight: bolder !important;
}

.drawer__menu a.sliderow__title {
    font-weight: bold !important;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1716388229243.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

Replies 2 (2)

BSSCommerce-HDL
Shopify Expert
660 204 219

Hi @valeriashapes

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

BSSTechVenture_0-1716387210568.png

 


Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

BSSTechVenture_1-1716387219976.png

 

Step 3: Insert the below code to file -> Save

 

span.navtext {
    font-weight: bold !important;
}

 

Here is result: 

BSSTechVenture_0-1716386756758.png

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

ThePrimeWeb
Shopify Partner
2138 614 487

This is an accepted solution.

Hey @valeriashapes,

 

Use this for both mobile and desktop.

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
.header__dropdown span.navtext {
    font-weight: bolder !important;
}

.drawer__menu a.sliderow__title {
    font-weight: bold !important;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1716388229243.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!