Jump to content

Change format of text in mobile overlay menu

Recommended Posts

Could anyone advise on how I can change the layout of the mobile overlay menu? The text is arranged in a very narrow channel, meaning that the items with two words are going onto two separate lines although there is plenty of space! Any help would be greatly appreciated 🙂

Menu.png

Link to comment

Can you share the website URL, page, and password (if applicable)? Thanks!

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

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

 ☕ Did I help? Buy me a coffee?

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

Link to comment

It looks like you have this Custom CSS on your site:

.header-menu-nav-item {
    padding-left: 187px;
    padding-right: 187px;
}

This is adding lots of padding to those navigation items and causing them to be so narrow. If you remove that padding it should solve your problem!

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

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

 ☕ Did I help? Buy me a coffee?

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

Link to comment
  • 4 weeks later...

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.