Manage space between lines in menu / Debut theme

Store Design
1

Hey,

I would like to know how can I manage the space between the lines in my menu ?

Thanks.

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

Password : cohghozo

Capture d’écran 2022-01-07 à 13.26.20.png
Capture d’écran 2022-01-07 à 13.26.20.png918×260 6.03 KB

1 Like
2

@Ulysse1300

Add following the CSS code to your assets/theme.css bottom of the file.

.site-nav__childlist {
    width: 40% !important;
    margin: 0 auto !important;
    display: flex !important;
}

.site-nav__dropdown .site-nav__link {
    padding: 10px 15px 15px !important;
}

Thanks!

1 Like
3

It works really nice but it affects my hover menu who doesn’t work anymore.

4

@Ulysse1300

Please share a screenshot of what do you want!

Thanks!

1 Like
5

The menu is perfect but I lowered the menu and now I don’t have the time with my mouse to go on the menu, the hover disappear.

6

@Ulysse1300

Add following the CSS code to your assets/theme.css bottom of the file.

.site-nav__dropdown {top: 30px!important;}
.site-nav {margin: 15px 0 !important;}

Thanks!

1 Like
7

I’ve got my dropdown at 40px and even when I add your code in the css it doesn’t work.

8

@Ulysse1300

find following the CSS code to your assets/theme.css file.

.site-nav__dropdown {top: 40px!important;}

replace to

.site-nav__dropdown {top: 30px!important;}

Thanks!

9

30px doesn’t work, it only worked with 25px but it looks too close.