Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

How do I move the hamburger icon from left to right align?



Site URL: https://mackerel-dolphin-8hgc.squarespace.com/config/design/custom-css


I am trying to move the hamburger navigation on my desktop from left align to right align. 

Can you please help with what css I should use? 

This is the code I used to put the hamburger icon on the desk top view: 


.header-burger { display:flex!important}
.header--menu-open .header-menu {opacity: 1!important;visibility: visible!important;}
.header-nav, .header-actions {visibility:hidden!important}

Many thanks for your help 🙂 


Link to post
  • Answers 6
  • Created
  • Last Reply

Top Posters For This Question

6 answers to this question

Recommended Posts

  • 0

Could you set a site-wide password and share that here so I can take a look at the site? Set the site-wide password by going to the Settings section, Site Availability.

Link to post
  • 0
On 7/31/2020 at 7:05 PM, KellyHeard said:

Thank you. I really appreciate the help. The password is yanalutsy123

Many thanks, 


Edit Site Header > Header Layout > Try all layout

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post
  • 0

Hi. Thank you for getting back to me. 

How do I select all layout? That isn't an option? If you mean try them all to see which one works, that does not do it either. 

Thanks again for your help. 



Link to post

Create an account or sign in to comment

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

  • Create New...