Jump to content

Move the header to the side and have all elements in it displayed in column

Recommended Posts

Site URL: https://lute-round-fb66.squarespace.com/

I would like to have my header displayed on the left side of the window at all time. I managed to find some code that allowed me to do so, but then I am struggling to get every element on their own line and having control over the space between each element (tittle, navigation link, social links). The pictures show what I managed to do so far. I would like to have all those elements centered in the header space.

What would be the custom CSS code required to do so?

Thanks for your help

CurrentState.PNG

Link to comment
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

1 hour ago, Mugiwawa said:

Oops sorry! I have changed the accessibility, password is temp1234.

https://lute-round-fb66.squarespace.com/

Thanks

temp1234

incorrect password

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

I am surprised. In any case I have redo the process and try to connect on another device with temp1234 and it seems to work.

Also I forgot to mention that I want the sidebar look only for desktop version, for the mobile version we will stay with the burger menu.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.