Jump to content

Adjusting the vertical alignment of mobile menu nav items

Go to solution Solved by tuanphan,

Recommended Posts

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. 

image.thumb.png.4fdfae5f55433266d1181403bca805a6.png

 

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

 

Link to comment
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. 

image.thumb.png.4fdfae5f55433266d1181403bca805a6.png

 

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?

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


 

Link to comment
  • Solution
On 9/6/2022 at 4:56 AM, DPC_Alex said:

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

Use this CSS

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.