Add text to navigation

Site URL: https://salutem.squarespace.com/

Hi,

My client wants to add text to the navigation bar, like on the old website https://salutem.fi/fi in Finnish "Suun ja hampaittesi hyvinvointiin". 

 I have tried for example this:

.tweak-site-width-option-full-background .Header-inner, section#logo-top .Index-page-content {
background: url("IMAGEURLHERE.jpg";

but I'm unable to make it work. I am using the Basil template. Do you have any tips for this? 
I would be very delighted about any advice, because I am new to making websites. 😊

26 minutes ago, DigitalPharmacist said:

Site URL: https://salutem.squarespace.com/

Hi,

My client wants to add text to the navigation bar, like on the old website https://salutem.fi/fi in Finnish "Suun ja hampaittesi hyvinvointiin". 

 I have tried for example this:

.tweak-site-width-option-full-background .Header-inner, section#logo-top .Index-page-content {
background: url("IMAGEURLHERE.jpg";

but I'm unable to make it work. I am using the Basil template. Do you have any tips for this? 
I would be very delighted about any advice, because I am new to making websites. 😊

The provided url has password protected, please send it so we can make a look

https://salutem.squarespace.com/
password hammastahna2020

11 minutes ago, DigitalPharmacist said:

https://salutem.squarespace.com/
password hammastahna2020

Is this the nav bar you mentioning?

https://prnt.sc/szzba6

Yes. My client wants to add own quote to the navigation bar (desktop version).

7 minutes ago, DigitalPharmacist said:

Yes. My client wants to add own quote to the navigation bar (desktop version).

So it is somewhere between the logo and the nav item or under the logo?

This is the old website https://salutem.fi/

So the text would be more on the right/center side under the navigation items. On the right side of the logo.

2 minutes ago, DigitalPharmacist said:

This is the old website https://salutem.fi/

So the text would be more on the right/center side under the navigation items. On the right side of the logo.

Do you mean these

No, I mean the text that says in Finnish "SUUN JA HAMPAITTESI HYVINVOINTIIN".

2 minutes ago, DigitalPharmacist said:

No, I mean the text that says in Finnish "SUUN JA HAMPAITTESI HYVINVOINTIIN".

There is no such thing official supported by squarespace, so I will suggest a 'trick', by adding a nonsense link into the pages navigation with a naming convention like:

We can then use custom code to edit it

You may want to do it like this:

a[href="heading-text"] {
  font-size: 28px;
  display: block;
  margin: 0 !important;
}

Insert this snippet into custom css section

Thank you so much, it worked!

I tried to change the place of the text, do you have any tips if I'd like to get the text more like in the middle of the page? How about bigger distance between navigation and the text "SUUN JA HAMPAITTESI HYVINVOINTIIN" so that the text would be lower than it is now.

18 minutes ago, DigitalPharmacist said:

Thank you so much, it worked!

I tried to change the place of the text, do you have any tips if I'd like to get the text more like in the middle of the page? How about bigger distance between navigation and the text "SUUN JA HAMPAITTESI HYVINVOINTIIN" so that the text would be lower than it is now.

Try to manipulate the position: relative and move the element by top or left value