Hover doesn't show the dropdown list on Debut theme

Solved

Hover doesn't show the dropdown list on Debut theme

glenwag
Tourist
6 1 1

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

Accepted Solution (1)

glenwag
Tourist
6 1 1

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.

 

View solution in original post

Reply 1 (1)

glenwag
Tourist
6 1 1

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.