Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
How am I able to remove these text or unbold them from our Header/Navigation bar?
Hello @ricky24
Can you share store URL?
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.
Thank you! How am I able to move the entire thing left and bold the circled part?
Hello! Am I able to apply this to mobile header navigation?
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>
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.