Adjusting the vertical alignment of mobile menu nav items

Site URL: https://ilight.squarespace.com/

Hi there -

Anyone know what I'm doing wrong when it comes to adjusting vertical alignment of my nav items on the mobile menu?

I've tried using this code:

.header-menu-nav-folder[data-folder="root"] {
    padding-bottom: 10vh;
}

... which works for moving the nav list down, as shown below. 

Bt I'm truing to move it up, so this code snippet... but it doesn't work.

.header-menu-nav-folder[data-folder="root"] {
    padding-top: 10vh;
}

Anyone know what I'm doing wrong?

Site password: ilight-admin

Thanks! Alex

47 minutes ago, DPC_Alex said:

Site URL: https://ilight.squarespace.com/

Hi there -

Anyone know what I'm doing wrong when it comes to adjusting vertical alignment of my nav items on the mobile menu?

I've tried using this code:

.header-menu-nav-folder[data-folder="root"] {
    padding-bottom: 10vh;
}

... which works for moving the nav list down, as shown below. 

 

Bt I'm truing to move it up, so this code snippet... but it doesn't work.

.header-menu-nav-folder[data-folder="root"] {
    padding-top: 10vh;
}

 

Anyone know what I'm doing wrong?

Site password: ilight-admin

Thanks! Alex

 

Your site password is not working. Can you share the correct password?

20 hours ago, Web_Solutions said:

Your site password is not working. Can you share the correct password?

Sorry! password should be working now. Thanks for looking into this for me - apprecaite!

14 hours ago, tuanphan said:

Use this CSS

[data-folder="root"]>.header-menu-nav-folder-content {
    justify-content: flex-start;
}

 

Thanks @tuanphan! Works perfectly. Very much appreciate your help on this, cheers.