Ziggy

Can you share your website URL?

The link is just pointing at the document location, if you delete the document you also need to remove the links.

It does. Look in Image Effects the editing the section background.

Try this:

What's the purpose of the code?

Yes, you can certainly do this. If you use CSS you can target a page using the collection ID or you can put the code in the page header code injection with <style> tags. https://squarefortytwo.com/squarespace-guides/custom-fonts-on-squarespace-71

This looks like the line that's causing the overflow.

Do you have any custom code on your website?

What guys?

Try this solution:

Here a guide if you need it: https://sf.digital/squarespace-solutions/make-squarespace-list-items-clickable

Looking like what? Do you want to share an example and you r website?

Where did you get the code? Add this to the lock page code injection: <style> *:focus { outline: none !important; } </style>

By "tab" do you mean the green background behind the logo?

Follow this to improve the design: Or add this to Custom CSS to hide the slideshow on mobile: @media only screen and (max-width:767px) { section[data-section-id="661565bbb54e6854c3a04ba2"] { display:none; } }

Yes, the more I looked at the CSS the more issues I found, I initially got distracted by the [data-website-fonts]. Can you give my post a like?

Yes https://support.squarespace.com/hc/en-us/articles/205815838-Adding-a-site-title

Can you try this correction of your CSS: @font-face { font-family: 'Goldney'; src: url('https://static1.squarespace.com/static/6278400a1cd2ba18195d8d09/t/6278633c490b3b08b2612756/1652056897425/Goldney.ttf'); } @font-face { font-family: 'Distinct Style Sans Bold'; src: url('https://static1.squarespace.com/static/6278400a1cd2ba18195d8d09/t/627867b0a417ed4a3998f95a/1652058039835/Distinct+Style+Sans+Bold.ttf'); } @font-face { font-family: 'Distinct Style Sans Light'; src: url('https://static1.squarespace.com/static/6278400a1cd2ba18195d8d09/t/627867c0345c25263f2f16a3/1652058049879/Distinct+Style+Sans+Light.ttf'); } h1 {font-family: 'Goldney' !important;} h2 {font-family: 'Goldney' !important;} h3 {font-family: 'Distinct Style Sans Bold' !important;} h4 {font-family: 'Distinct Style Sans Bold' !important;} .sqsrte-large {font-family: 'Distinct Style Sans Light' !important;} .list-section-title p {font-family: "Goldney" !important;} .list-section-simple-card-title p {font-family: "Goldney" !important;} .list-section-card-description p {font-family: "Goldney" !important;} h2.list-item-content__title {font-family: 'Goldney' !important;} h2.newsletter-form-header-title {font-family: 'Goldney' !important;}

You've not shared your website URL so I can't check your website myself.

Did you remove the use of [data-website-fonts]?

Is that your website title?

There isn't a single answer to this. There isn't a way to transition smoothly between the desktop and mobile layout grid. You have to find the best way to set up a desktop layout that works down to 768px and a mobile layout (sometimes with the help of code or a chrome extension) that works up to 767px. Have a read of this: https://www.will-myers.com/articles/fixing-the-tablet-spacing-problem-in-squarespace-fluid-engine https://chromewebstore.google.com/detail/fluid-engine-tablet-spaci/gemmfnoajaghnaddkccmekbchdgckdab

Happy to help! Thanks for marking my post as the solution, can you give it a like as well?

Have you used an auto-layout section (a list section) with set content? Can you share your website URL and this page?

In what way isn't it working? Can you share the password?