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

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

Hi, 

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 🙂 

Kelly

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.

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

Many thanks, 

Kelly

On 7/31/2020 at 7:05 PM, KellyHeard said:

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

Many thanks, 

Kelly

Edit Site Header > Header Layout > Try all layout

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. 

Kelly

Hi. Have you found the solution yet?

On 9/7/2020 at 9:24 AM, tuanphan said:

Hi. Have you found the solution yet?

No I haven't. Can you still help?