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

Have you set the mobile header layout in the header settings to have the menu hamburger on the right?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

Link to comment

Fair enough, can you share your website URL?

This plugin is good:
https://www.ghostplugins.com/products/forced-mobile-menu-in-squarespace-71

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

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

Contact Customer Care - Learn CSS - Buy me a coffee (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.