Shopify themes, liquid, logos, and UX
Can someone help me fix my main menu? The ones that have a dropdown aren't working. The dropdown links work, but the main link doesn't.
https://www.oceanbreezeboutique.com/
Solved! Go to the solution
This is an accepted solution.
Hi @lillylove,
Looks like we need to make some code changes.
To get started, follow these steps:
<a href="{{ link.url }}" {%- if link.child_active %} class="header__active-menu-item"{% endif %}>{{ link.title | escape }}</a>
If you encounter any issues or need help, please don't hesitate to reach out. I'm here to assist you!
Let's connect and grow your Shopify business together!
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Connect with me at: roy.solution.partner@gmail.com ( CRO | Site Speed Optimization | Custom Development )
This is an accepted solution.
Hi @lillylove,
Looks like we need to make some code changes.
To get started, follow these steps:
<a href="{{ link.url }}" {%- if link.child_active %} class="header__active-menu-item"{% endif %}>{{ link.title | escape }}</a>
If you encounter any issues or need help, please don't hesitate to reach out. I'm here to assist you!
Let's connect and grow your Shopify business together!
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Connect with me at: roy.solution.partner@gmail.com ( CRO | Site Speed Optimization | Custom Development )
This worked! Thank you! It did change the color of the menu items though. Can you please help me figure that out? I'd like them to be all black
Hi @lillylove The top level items are not rendering as links at all check theme settings to see if this is an option.
If there's no theme option you will need a theme customization.
On desktop if you've noticed the menus close too early, that's because there is an unnecessary gap cause by the border between the top level item and the dropdowns so the hover state is lost when moving the mouse down.
If you need this fixed or customization then contact me by my email for services.
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.
Contact paull.newton+shopifyforum@gmail.com for the solutions you need
Save time & money ,Ask Questions The Smart Way
Problem Solved? ✔Accept and Like solutions to help future merchants
Answers powered by coffee Thank Paul with a ☕ Coffee for more answers or donate to eff.org
Hi @lillylove ,
If you use a free theme from Shopify. May I suggest to update code these steps:
1. Go to Store Online-> theme -> edit code
2. Snippets/header-dropdown-menu.liquid
3. Wrap by <a> tag. Refer screenshot below to add code
<a href="{{ link.url }}">
rmb add
</a>
Awesome! This worked! However, it changed the color of menu items with dropdown menus and hyperlinked them. I saw @lillylove had the same issue with the solution. Any tips?
Click my name to see my other posts. I got a fix to this in the last few days
Awesome! Thank you!
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024