What's your biggest current challenge? Have your say in Community Polls along the right column.

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.