Jump to content

Mobile Nav Link Spacing

By kaydotjpg, in Customize with code

Go to solution Solved by Ziggy,

Recommended Posts

kaydotjpg Level 7

kaydotjpg

Posted
Posted

https://eagle-sepia-5laj.squarespace.com/home

password: 12345

 

Hi! I've created some custom edits on the mobile links, which you can see if you click on the hamburger menu. However - I can not figure how to create some space between the pill shapes (simply adjusting the link spacing doesn't work here). I would like to create some between each link and make the pill shapes shorter so they are flush with the edge of the screen. Any help? Thanks! 

Screen Shot 2023-12-20 at 12.32.36 PM.png

Link to comment
  • Replies 3
  • Views 1.5k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

Ziggy
Ziggy

Try this Custom CSS: .header-menu { padding:0px 20px; } .header-menu-nav-item { margin: 20px 0; }  

kaydotjpg
kaydotjpg

Thanks @Ziggy you da' best

Posted Images

  • Solution
Ziggy Level 14

Ziggy

Posted
  • Solution
Posted

Try this Custom CSS: 

.header-menu {
  padding:0px 20px;
}
.header-menu-nav-item {
  margin: 20px 0;
}

 

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
⬛ SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
✨ Spark Plugin (Referral link) 
 🖼️ Gallery Lightbox Plugin (Referral link) 

☕ Did I help? Buy me a coffee?

Link to comment
Ziggy Level 14

Ziggy

Posted
Posted
2 hours ago, kaydotjpg said:

Thanks @Ziggy you da' best

Happy to help!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
⬛ SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
✨ Spark Plugin (Referral link) 
 🖼️ Gallery Lightbox Plugin (Referral link) 

☕ Did I help? Buy me a coffee?

Link to comment

Create an account or sign in to comment

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

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources