Jump to content

Trying to centre my navigation bar without centring the text on my gallery pages (Avenue family template Version 7)

Go to solution Solved by Ziggy,

Recommended Posts

As the title says I'm trying to centre my navigation bar which I can do in the site styles but it then centres the text on my gallery pages. I would love to keep my gallery pages the way they are with the page descriptions on the right but have the top navigation bar centered.

I would also love to put my social media icons on the same line as the navigation panel (navigation centre, icons on the left)

Any help/guidance would be much appreciated!

Thank you.

Link to comment

Can you share your website URL?

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) 

 Did I help? Buy me a coffee?

Link to comment

What do you mean by centring your navigation bar, where does the logo go? Or are you wanting to center the navigation within the space on the right of the logo?

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) 

 Did I help? Buy me a coffee?

Link to comment

So this is what it looks like when I choose the centre layout style which is just what I'm looking for but then all the text on my gallery pages is also centred but I want to keep those parts on the right hand side.

Thanks for your help!

 

Screenshot 2023-05-31 at 19.13.26.png

wdwwd.jpg

Link to comment
  • Solution

How interesting, I forget some of the quirkiness with the old 7.0 templates. Try adding this to Custom CSS:

#header {
    display: flex;
    flex-direction: column;
    align-items: center;
}

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) 

 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.