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
  • Views 248
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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.