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.
Hey Community! As we jump into 2025, we want to give a big shout-out to all of you wh...
By JasonH Jan 7, 2025Hey 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, 2024