How to remove underlines in navigation menu in expanse theme

Shopify Discussion
1

I want this to be bold and the underline to be removed. But i dont have the base.css file and my theme.liquid.css file doesn’t have any content. im using the expanse theme.

is there a code that will enable a feature for the texts to be categories rather than showing up as a link,

Untitled0.png
Untitled0.png1888×401 54.2 KB

2

Hi @myname_simon

Could you share your store URL so I can check?

3

unitetris.com, thank you! and also i want to remove the cart icon

4

Hi @myname_simon ,

Can you share your store URL to check.

5

Hi @myname_simon ,
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

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

Step 3: Insert the below code at the bottom of the file → Save

a.site-nav__dropdown-link.site-nav__dropdown-link--top-level {
    font-weight: 600 !important;
    text-decoration: none !important;
}

Here is result:

BSSCommerceB2B_1-1719200467671.png
BSSCommerceB2B_1-1719200467671.png1241×321 36.7 KB

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

6

Hi @myname_simon ,
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

BSSCommerceHDL_0-1719200442205.png
BSSCommerceHDL_0-1719200442205.png1902×899 133 KB

Step 2: Search file theme.liquid

Step 3: Inside head tags. You need create style tags. After insert my code inside style tag

BSSCommerceHDL_1-1719200462120.png
BSSCommerceHDL_1-1719200462120.png1919×873 121 KB

.megamenu__col-title a {
  text-decoration: none !important;
  font-weight: bold;
}

Here is result:

BSSCommerceHDL_2-1719200511264.png
BSSCommerceHDL_2-1719200511264.png1469×243 27.1 KB

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 :heart_eyes:

7

Please add this code to your theme.liquid file, after in Online Store > Themes > Edit code
8

Hi @myname_simon

This is Amelia at PageFly - Shopify Advanced Page Builder app.

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file base.css or theme.css

Step 3: Add code

.megamenu__col-title a { 
  font-weight: bold; 
}
.megamenu__col-title:hover a { 
   text-decoration: none; 
}

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

9

how about removing the cart icon?

10

Hi @myname_simon , Similar to instructions above, Pls insert this code:

a#HeaderCartTrigger {
    display: none !important;
}

Here is result:

BSSCommerceHDL_0-1719206578942.png
BSSCommerceHDL_0-1719206578942.png1920×133 10.8 KB

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 :heart_eyes: