Shopify themes, liquid, logos, and UX
Hello!
I am using the dawn theme and my URL is carcleansweden.se.
I would like some help with my menu. Instead of needing to press for the dropdown options I would like to hover to see all options instead:
I would hugely appreciate the help!
Solved! Go to the solution
This is an accepted solution.
Hey! @CarCleanCC
Please add this code on theme.liquid file
<script>
document.querySelectorAll('.header__menu-item.list-menu__item').forEach(item => {
item.addEventListener('mouseenter', () => {
item.parentElement.setAttribute('open', '');
});
item.addEventListener('mouseleave', () => {
item.parentElement.removeAttribute('open');
});
});
</script>
This is an accepted solution.
Hey! @CarCleanCC
Please add this code on theme.liquid file
<script>
document.querySelectorAll('.header__menu-item.list-menu__item').forEach(item => {
item.addEventListener('mouseenter', () => {
item.parentElement.setAttribute('open', '');
});
item.addEventListener('mouseleave', () => {
item.parentElement.removeAttribute('open');
});
});
</script>
Thank you but now when I try to hover the options below the menu disappears:
For this need access of your store
i can resolve this . Can i send collabartor resquest.
for Collbartor request you need to share collabrator code
Thank you, I have shared my Collaborator Request Code
Please Approve request
Your Query is now resolved. Please check
Thank you!
Hello! For some reason it doesn't work again.
Learn what's possible with customizing Shopify Checkout beyond what's available out of...
By Shopify Feb 19, 20252m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025