Solved

How to make navigation font bold in Sense theme?

medusasmakeup
Excursionist
45 1 15

I would like to make the font bold in the navigation on the sense theme, without changing other fonts within the site.

https://medusasmakeup.com/

Accepted Solution (1)

ZenoPageBuilder
Shopify Partner
1052 203 219

This is an accepted solution.

Hello @medusasmakeup 👋

Inside Shopify Admin, go to Edit theme code, open file base.css and add this code at the bottom

.header__menu-item {
    font-weight: bold;
}

The result

Screenshot 2023-10-16 at 08.24.36.png

Hope that helps!

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com

View solution in original post

Replies 4 (4)

David_SHT
Globetrotter
605 125 124

Hi @medusasmakeup 

This is David at SalesHunterThemes.
To add the font bold for the navigation

Follow this path:

Themes => edit code => asset => base.css

and add this code to bottom of the file base.css

 

 

.header__menu-item span {
 
    font-weight: bold;
}

 

 

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team

We create fast Shopify themes, focusing on exceptional performance and seamless experience across all devices.

Try our Electro theme Free! (Now at Black Friday price)

ZenoPageBuilder
Shopify Partner
1052 203 219

This is an accepted solution.

Hello @medusasmakeup 👋

Inside Shopify Admin, go to Edit theme code, open file base.css and add this code at the bottom

.header__menu-item {
    font-weight: bold;
}

The result

Screenshot 2023-10-16 at 08.24.36.png

Hope that helps!

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com

ZestardTech
Shopify Expert
5603 1019 1346

Hello There,

 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

 

.header__menu-item span {
font-weight: bold;
}

 

ZestardTech_0-1697432791609.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

eFoli-Marvic
Shopify Partner
223 40 39

@medusasmakeup 

 

 add this code to your base.css file.

Navigate to the online store >> Click edit theme code.

Now find base.css and paste the following code:

.header__menu-item span{
   font-weight: 700 !important;
}
Marvic | EFOLI
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Checkout our apps:Inkybay || MultiVariants