dearnaomichan Posted October 26, 2022 Share Posted October 26, 2022 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
Ziggy Posted October 26, 2022 Share Posted October 26, 2022 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 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) ✨ Spark Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
dearnaomichan Posted October 27, 2022 Author Share Posted October 27, 2022 @Ziggy Yes! Link to comment
Ziggy Posted October 27, 2022 Share Posted October 27, 2022 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 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) ✨ Spark Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
dearnaomichan Posted October 28, 2022 Author Share Posted October 28, 2022 (edited) Oops I thought I did... https://flagrant-testing.squarespace.com/about pw: flagrant @Ziggy Edited October 28, 2022 by dearnaomichan Link to comment
Solution tuanphan Posted October 31, 2022 Solution Share Posted October 31, 2022 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; } dearnaomichan and Ziggy 1 1 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
dearnaomichan Posted October 31, 2022 Author Share Posted October 31, 2022 (edited) @tuanphan Thank you so much!!!! Always here to help us out. Edited October 31, 2022 by dearnaomichan tuanphan 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment