Jump to content

Hamburger Menu on Desktop 7.1

Go to solution Solved by tuanphan,

Recommended Posts

PW: flagrant

I just need another developer to help me see what I am not seeing. I am trying to add css to force the nav menu into a hamburger for desktop too, but for some reason it's on the left side of the logo? I think I just need another set of eyes on this to help me figure out whats happening. I want it on the far right side instead of the far left. 

 

This is the code I'm adding in, it's worked for me in the past but for some reason now it's not:

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

 

Thank you to anyone who gets a second to look.

Link to comment
  • Solution
On 10/27/2022 at 3:44 AM, dearnaomichan said:

PW: flagrant

I just need another developer to help me see what I am not seeing. I am trying to add css to force the nav menu into a hamburger for desktop too, but for some reason it's on the left side of the logo? I think I just need another set of eyes on this to help me figure out whats happening. I want it on the far right side instead of the far left. 

 

This is the code I'm adding in, it's worked for me in the past but for some reason now it's not:

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

 

Thank you to anyone who gets a second to look.

Add this to Design > Custom CSS To move burger to right

.header-display-desktop {
    flex-direction: row-reverse;
}

 

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

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.