jenq

Brilliant, that did the job, thanks so much!

The issue is that SS is setting the underline with the style attribute on the element. Doing it this way makes our lives more difficult!
Try the following.
a span {   text-decoration : none !important;      } Let us know how it goes.

Hey! I've done this for a website too:
Go to Custom CSS and copy and paste this code:
And may I suggest that since these links open a new window to your work, you could add like a simple unicode arrow at the end of the line so it prompts them to click on it, otherwise it would be hard to know to click on them. Here are some examples you could copy and paste and see what fits:
↗︎ ➤ ➛ ➝
You could also have a hover effect to indicate that the text is a link with this simple code:
Hope that helps!

Thanks, unfortunately it still stacks a bit and takes it off centre to the left (see attached). For now, I have changed the style so that the nav is aligned to the right near to the box. This seems to look a bit more natural.

@libertine
OK, you just need to find a way to target only the about page. One way to do this is to find the section id and use that in a CSS rule that you paste into your Custom CSS. The easiest way to find the section id is using the Squarespace ID Finder chrome extension.
For your about section the id is "60e3ad8978955f711e766495", so all you need to do is take the code from above and prefix it with a rule to target only this id. it looks like this
// justifies paragraphs in the "about" section section[data-section-id="60e3ad8978955f711e766495"] p { text-align:justify; } add this to your custom CSS (in the main design menu). because this is a more specific rule than Squarespace's global text align rule you don't need !important here as I posted in my answer above.
As a footnote I would add that I don't think justifying text is a very "web" thing to do. it tends to be something you do to reinforce the idea/shape of columns of text. that said, I understand it's a client choice.

Thanks, unfortunately it still stacks a bit and takes it off centre to the left (see attached). For now, I have changed the style so that the nav is aligned to the right near to the box. This seems to look a bit more natural.

Site URL: https://remarkablesfit.squarespace.com/
My navigation menu keeps on stacking even though there is plenty of room for it to be all on one line. Using 7.1, and I have tried changing the element spacing in the header as well as css from some of the solutions posted here. None of them seem to work.
Any thoughts on how to fix this?
Site PW is RF2021

If you share link to this page, we can check & give exact code

On the Summary Block page, I'd use something like this:
/* Summary Block Style Changes */ /* Use the Collection ID of the specific page */ #collection-xxxxxxxxxxxxxxx {   .content-wrapper { background: #ddd; }   .sqs-block-summary-v2 .summary-content {     background: #fff;     padding: 17px;   }   .sqs-block-summary-v2 .summary-title {     font-size: 1.3em;   } } Note that this was on a Squarespace 7.1 site where xxxxxxxxxxxxxxx is the ID of the page containing the Summary Block. To apply this to all pages, remove the first functional line ('#collection...') and last line ('}') .

I'd create the content in a collection - such as a Blog collection - and then use a Summary Block to render the content on the page. In this way, the Summary Block (and the Squarespace LayoutEngine) are taking care of the layout instead of you. For example:

  If this post has helped you, please click a 'Like' or 'Thanks' icon below  ⬇️