Jump to content

Adjust site navigation padding

Recommended Posts

Hi everyone, 

Site password: miko 

I am trying to target the nav block on the top right in the header and move it in so it aligns with the page content. 
I have managed to do it to the site logo on the left using the following code, but cant work out how to do the same with the nav block on right hand side. 

 

.header-title-nav-wrapper .header-title {
  margin-left: 60px;
}

Thank you

Link to comment
  • Replies 6
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

@studiomiko it choose max-width I guess, the problem is that you don't use full width in your grid — that way it would be aligned. 

image.png.8ed64a8ba60d923843def7a2a7a436ab.png

Otherwise you'll have to deal with a complex calculation like to align properly:

image.thumb.png.61ca4d6c74c03621d00251d5682e3d2a.png

 

Try new Squrespace ID & class finder Chrome Extension

✔ Supports Fluid Engine   ✔ Generate Media Queries code   ✔ Toggle IDs with Option / Alt 

____

Hire me for SquareSpace development

 

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.