Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Re: How am I able to remove these text or unbold them from our Header/Navigation bar?

How am I able to remove these text or unbold them from our Header/Navigation bar?

ricky24
Excursionist
61 0 10

How am I able to remove these text or unbold them from our Header/Navigation bar?

ricky24_0-1719346201356.png

 

Replies 6 (6)

niraj_patel
Shopify Partner
2378 514 507

Hello @ricky24 
Can you share store URL?

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
ricky24
Excursionist
61 0 10
niraj_patel
Shopify Partner
2378 514 507

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
.sub-menu.mega-menu-container a.mega-menu-columns__heading {
display: none !important;
}
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
ricky24
Excursionist
61 0 10

Thank you! How am I able to move the entire thing left and bold the circled part? 

ricky24_0-1719347200695.png

 

ricky24
Excursionist
61 0 10

Hello! Am I able to apply this to mobile header navigation? 

PageFly-Richard
Shopify Partner
4782 1082 1749

Hi @ricky24 

 

This is Richard from PageFly - Shopify Page Builder App

 

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.sub-menu.mega-menu-container a.mega-menu-columns__heading {
display: none !important;
}
.sub-menu.mega-menu-container[tabindex="-1"] > ul >li:first-child {
    display: none;
}
</style>

PageFlyRichard_0-1719365433294.png

 

Hope this can help you solve the issue 

 

Best regards,

Richard | 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) 


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