Re: Header Menu Issues ( Sense Theme )

Solved

Header Menu Issues ( Sense Theme )

dreamtechzone_5
Shopify Partner
323 1 46

Hello Everyone!

I am using the Shopify Sense Theme. I just want to keep the Main menu text bold. Don't want to bold the collection under the menu. Also, want to keep the collection text size a little smaller. Please help me. Thank you in advance.

Store: https://dream-tech-zone.myshopify.com/

Password: Admin

 

Screenshot 2024-07-28 023610.png

Accepted Solution (1)

BSS-TekLabs
Shopify Partner
2136 633 735

This is an accepted solution.

Hi @dreamtechzone_5,

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.

 

 

.menu-drawer__menu li .menu-drawer__inner-submenu li a {
    /* You can adjust this value according to your preference */
    font-size: 12px !important;
    font-weight: 100 !important;
}

 

 

Here is the result

BSSTekLabs_0-1722133722588.png

We hope this assists in resolving the issue.

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

 

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


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

View solution in original post

Reply 1 (1)

BSS-TekLabs
Shopify Partner
2136 633 735

This is an accepted solution.

Hi @dreamtechzone_5,

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.

 

 

.menu-drawer__menu li .menu-drawer__inner-submenu li a {
    /* You can adjust this value according to your preference */
    font-size: 12px !important;
    font-weight: 100 !important;
}

 

 

Here is the result

BSSTekLabs_0-1722133722588.png

We hope this assists in resolving the issue.

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

 

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


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now