Access a community of over 900,000 Shopify Merchants and Partners and engage in meaningful conversations with your peers.
Hi,
Could you please show me how do I change the code for the navigation menu so that the dropdown shows on hover instead of clicking.
Theme: Ira Paid theme.
Solved! Go to the solution
This is an accepted solution.
thanks for url can you please try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/index.css ->paste the below code at the bottom of the file.
html:not(.no-js) .navigation__submenu {
background-color: var(--color-background-header);
top: 45px;
}
.header__links-list li:hover ul.navigation__submenu.fs-body-base {
display: block;
}
This is an accepted solution.
Hi @mharis
Please add the following code in index.css file
1)Go to Online store> Theme >Edit code
2)Asset> index.css
.header__links-list li:hover .navigation__submenu {
display: block;
}
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!😊
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
This is an accepted solution.
thanks for url can you please try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/index.css ->paste the below code at the bottom of the file.
html:not(.no-js) .navigation__submenu {
background-color: var(--color-background-header);
top: 45px;
}
.header__links-list li:hover ul.navigation__submenu.fs-body-base {
display: block;
}
This is an accepted solution.
Hi @mharis
Please add the following code in index.css file
1)Go to Online store> Theme >Edit code
2)Asset> index.css
.header__links-list li:hover .navigation__submenu {
display: block;
}
Hey Ketan, would you know the fix for the Sense theme?
Hi, I actually found it. To anyone else with the same issue can review the link as it works for Sense as well. Solved: Dawn Theme - How to add the ability to hover over dropdown in navigation menu without clic.....
User | RANK |
---|---|
238 | |
97 | |
87 | |
51 | |
42 |