Jump to content

Navigation Bar Custom CSS

Recommended Posts

Site URL: https://jakejensen.squarespace.com/config/pages

I need to align the navigation bar to be on the same line as the logo, but instead of float left and right to the edges of the screen, I need it to be a fixed position next to the logo. I have tried the spacing on the menu items but that messes things up with different screen sizes. If anyone could help me with this, that would be great!

This is what the site looks like now:



And this is what I would like it to look like:


Website: https://jakejensen.squarespace.com/config/pages

password: jakeandkylee

Link to comment
  • Replies 4
  • Views 850
  • Created
  • Last Reply

The site used this CSS

[data-nc-container="bottom-left"] {
    justify-content: flex-end !important;
    padding-right: 60px !important;
[data-nc-container="bottom-right"] {
    justify-content: flex-start !important;
    padding-left: 60px !important;


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment


This topic is now archived and is closed to further replies.

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