Re: how to remove underlines in navigation menu in expanse theme

Solved

how to remove underlines in navigation menu in expanse theme

myname_simon
Tourist
3 0 0

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

Accepted Solutions (2)

BSSCommerce-HDL
Shopify Partner
2305 834 907

This is an accepted solution.

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

BSSCommerceHDL_0-1719200442205.png

 

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

 

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

 

Here is result: 

BSSCommerceHDL_2-1719200511264.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 😍

 

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

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

View solution in original post

BSSCommerce-HDL
Shopify Partner
2305 834 907

This is an accepted solution.

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

 

a#HeaderCartTrigger {
    display: none !important;
}

 

Here is result: 

BSSCommerceHDL_0-1719206578942.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 😍

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

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

View solution in original post

Replies 9 (9)

Dan-From-Ryviu
Shopify Partner
10993 2154 2294

Hi @myname_simon 

Could you share your store URL so I can check?

- Solved it? Hit Like and Accept solution! Support me: ❤️Buy Me a Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

myname_simon
Tourist
3 0 0

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

Dan-From-Ryviu
Shopify Partner
10993 2154 2294

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

<style>
.megamenu__col-title a { font-weight: 700; }
.megamenu__col-title:hover a { text-decoration: none; }
</style>

- Solved it? Hit Like and Accept solution! Support me: ❤️Buy Me a Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

zaczee
Globetrotter
855 46 44

Hi @myname_simon ,

 

Can you share your store URL to check.

BSSCommerce-B2B
Shopify Partner
1972 564 565

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

 

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 

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


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

BSSCommerce-HDL
Shopify Partner
2305 834 907

This is an accepted solution.

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

BSSCommerceHDL_0-1719200442205.png

 

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

 

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

 

Here is result: 

BSSCommerceHDL_2-1719200511264.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 😍

 

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

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

myname_simon
Tourist
3 0 0

how about removing the cart icon?

BSSCommerce-HDL
Shopify Partner
2305 834 907

This is an accepted solution.

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

 

a#HeaderCartTrigger {
    display: none !important;
}

 

Here is result: 

BSSCommerceHDL_0-1719206578942.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 😍

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

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

PageFly-Amelia
Shopify Partner
626 165 238

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

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 
➜ Weekly updated Shopify tutorials on YouTube 


All features are available from Free plan. Live Chat Support is available 24/7.