Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
I am trying to configure the Debut theme navbar to work like our current theme. We have two menu items with drop-down lists (products and e-books).
On our current theme if I hover over products or e-books the drop-down list automatically displays. On the Debut theme a carrot is shown, but I have to click the menu item to see the drop-down list.
How can I adjust the Debut theme to show the drop-down list on hover?
Also, the Debut theme applies a different text color to the menu items with drop-down lists. How do I adjust that text color?
Thanks!!
Here is a link to the preview: https://b6dlwvxlgr3p0kj4-2884692.shopifypreview.com
Solved! Go to the solution
This is an accepted solution.
I actually solved my own problem. For anyone else out there with the same issue I added this line to the Debut theme.scss.liquid file:
.site-nav--has-dropdown:hover .site-nav__dropdown {display: block;}
The drop-down menu now successfully pops up when mousing over the navbar item.
This is an accepted solution.
I actually solved my own problem. For anyone else out there with the same issue I added this line to the Debut theme.scss.liquid file:
.site-nav--has-dropdown:hover .site-nav__dropdown {display: block;}
The drop-down menu now successfully pops up when mousing over the navbar item.
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