Adding Marin/Padding for Header bar to be aligne with body.

Hi all. 

As you can see on the picture bellow the logo is nicely aligned with the body of the grid. 

As soon as the page is widened, it shifts as you can see on the image bellow. Any way of making the logo and menu always aligned with body of page ? Keeping in mind that in the "style Styles section, i would like to keep a "Site Margin of 2vw". 

Thanks. 

Can you share your website?

You might want to try setting the header to inset rather than full.

Thanks for reply. 
It is allready set as Inset. 

https://dragonfly-mandolin-33ek.squarespace.com/

Try this Custom CSS:

@media only screen and (min-width:1860px) {
  .tweak-portfolio-grid-overlay-width-inset .portfolio-grid-overlay {
    padding-left: 0vw !important;
    padding-right: 0vw !important;
  }
}
@media only screen and (max-width:1800px) {
  .tweak-portfolio-grid-overlay-width-inset .portfolio-grid-overlay {
    padding-left: 2vw !important;
    padding-right: 2vw !important;
  }
}

3 minutes ago, Ziggy said:

Try this Custom CSS:

@media only screen and (min-width:1860px) {
  .tweak-portfolio-grid-overlay-width-inset .portfolio-grid-overlay {
    padding-left: 0vw !important;
    padding-right: 0vw !important;
  }
}
@media only screen and (max-width:1800px) {
  .tweak-portfolio-grid-overlay-width-inset .portfolio-grid-overlay {
    padding-left: 2vw !important;
    padding-right: 2vw !important;
  }
}

 

You're  a legend. 
Could you provide with same solution for mobile version ? Pretty please. 
Thanks 🙂 !

No problem! But I can't see your website any more, password?

On 12/9/2022 at 10:12 AM, Ziggy said:

No problem! But I can't see your website any more, password?

Should be up and running