How to adjust hover menu distance in Debut theme?

Technical Q&A
1

Hey,

I actually use this code to make my hover menu :

.site-nav--has-dropdown:hover .site-nav__dropdown ,
.site-nav--has-dropdown:focus .site-nav__dropdown {
display: block ;
}
.site-nav__dropdown {top: 40px!important;}

To be efficient It worked with ‘’.site-nav__dropdown {top: 20px!important;}‘’ but it looks to close to the top, I was wondering if it was possible to make it work at 30px or 40px.

Thanks for the help.

Link : https://relentless-clothingz.myshopify.com

Password : cohghozo

2

Hi @Ulysse1300 ,

Please add code:

.site-nav--has-dropdown .site-nav__link--button{
	position: relative;
}
.site-nav--has-dropdown .site-nav__link--button:before{
	content: '';
    display: block;
    height: 30px;
    position: absolute;
    top: 15px;
    left: 0;
    width: 100%;
}

Hope it helps!

1 Like
3

Thanks a lot that was exactly what I was looking for !