Jump to content

Client wants big logo image to span width of site with navigation menu justfied left, phone number button justified right, underneath

Go to solution Solved by Ziggy,

Recommended Posts

site: https://a-total-fire-protection.squarespace.com

password: 1234567890

 

So client wants the logo really big, like this:

1.thumb.png.2fb72735a58b316ab18f7e58f423a030.png

But they want the navigation menu underneath, justified left, with button justified right, also under logo image. Like this:
1: Logo
2: Navigation Menu
3: Button
2.thumb.png.fafcac99eb54875b2ece808a978e5fac.png

This is how I have the default template layout now, thinking this would be the easiest to operate off of. Let me know what you think:

2.thumb.png.3314cc37bd55e4afdac1a3503cef4775.png

Is it possible? ❤️

Thank you for any input.

 

 

Edited by tinyinternetcompany
Link to comment

Try adding this to Custom CSS:

.header-layout-branding-center-nav-center .header-title-nav-wrapper {
    flex: 0 0 85%;
}
.header-layout-branding-center-nav-center .header-actions--right {
    flex: 0 1 15%;
    max-width: 15%;
}
.header-display-desktop {
    align-items: flex-end;
}
.header-layout-branding-center-nav-center .header-title-nav-wrapper .header-nav {
    text-align: left;
}

 

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
  • tinyinternetcompany changed the title to Client wants big logo image to span width of site with navigation menu justfied left, phone number button justified right, underneath
  • Solution

Set the header to Inset instead of Full.

image.png.d333b37e1185e9e5b263f7cc19edd161.png

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
17 minutes ago, tinyinternetcompany said:

Lol of course. Solved and thanks to you SqSp pros always.

Excellent, glad that helped!

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

×
×
  • 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.