Jump to content

Make navigation text all on one line

By threadsonline, in Customize with code

Go to solution Solved by Ziggy,

Recommended Posts

  • Replies 3
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

threadsonline
threadsonline

Password: asdfghjkl

Ziggy
Ziggy

Use this Custom CSS: .header-title-nav-wrapper { flex: 1 0 80%; } .header-layout-nav-center .header-title { width: 20%; flex: 1 1 20%; } .header-layout-nav-center .header-nav { widt

Posted Images

Web_Solutions Level 12

Web_Solutions

Posted
Posted
3 hours ago, threadsonline said:

Hi all, I'm trying to make the the text in the header all on one line but cant seem to get the code right, help pls!! 😄 

URL: https://threadsonline.co.uk/

Screenshot 2024-02-27 224550.png

What is the 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
Ziggy Level 14

Ziggy

Posted
  • Solution
Posted

Use this Custom CSS: 

.header-title-nav-wrapper {
    flex: 1 0 80%;
}
.header-layout-nav-center .header-title {
    width: 20%;
    flex: 1 1 20%;
}
.header-layout-nav-center .header-nav {
    width: 60%;
    flex: 1 1 60%;
}

 

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) 
 🖼️ Pinch-to-Zoom 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