Jump to content

Title Positioning: Move Element Right

Go to solution Solved by tuanphan,

Recommended Posts

Site URL: https://koi-paddlefish-bb2e.squarespace.com/

I have a custom desktop burger menu. I would like to position it to the left of the rest of the menu buttons instead of to the right. I can do this with: 

@media screen and (min-width:992px) {
.header-title-nav-wrapper {
    order: 1;
.header .header-burger {
    order: 2;
.header-actions.header-actions--right {
    order: 3;


However, this places the burger menu in the middle of the header, not next to the action buttons.

How can I shift the burger menu to the right? I have tried using positioning properties, but depending on the screen size it is very inconsistent as to where the menu ends up, but admittedly I know very little about what I am doing.

Thank you!

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.