Set up smaller margins for logo and menu navigation links than rest of site

Site URL: https://dolphin-chiton-f23k.squarespace.com/

Hi there,

I need wide margins on my website so that large photos can be seen on desktop without scrolling.

However, in increasing the site margins, the site title and menu navigation links are also affected. I need the site title and navigation links to have a smaller margin than the rest of my site. Specifically, I want my name/logo (Jack Trolove) to be further left aligned, and for the menu items to be further right aligned.

I haven't been able to find any code to do this - looking forward to any code and advice.

Here is the site: https://dolphin-chiton-f23k.squarespace.com/, password: jacklove

Thank you!

Abby

You mean Homepage? It looks like you solved this?

Hi there!

Thanks for your reply. 

It's the same on every page – I'd like to be able to left-align.

If you look at the pages under 'selected exhibitions', you can see that the text block is aligned to the same margin as the site title.

I'd like to be able to have the site title more left aligned, and the nav menu more right aligned.

Thank you!
Abby

Thank you SO much! Just awesome. Really appreciate it.

Hey, @tuanphan 🙂

I was wondering if a similar code could be applied to this press page: https://dolphin-chiton-f23k.squarespace.com/config/?frameUrl=%2Fpress

This page uses a template, for which the built-in customization doesn't allow me to increase or decrease the margin.

Wondering if you'd be able share code that also allows me to reduce the margins for the content on this page. I'd like the content to be pushed to the edges of the page.

Many thanks either way
Abby
 

On 8/16/2022 at 11:48 AM, AbbyAbbyAbby said:

Hey, @tuanphan 🙂

I was wondering if a similar code could be applied to this press page: https://dolphin-chiton-f23k.squarespace.com/config/?frameUrl=%2Fpress

This page uses a template, for which the built-in customization doesn't allow me to increase or decrease the margin.

Wondering if you'd be able share code that also allows me to reduce the margins for the content on this page. I'd like the content to be pushed to the edges of the page.

Many thanks either way
Abby
 

Add to Design > Custom CSS

.user-items-list-item-container[data-section-id="62d0c38bf71f7410e8569203"] {
    padding-left: 2vw;
    padding-right: 2vw;
}