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 how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025