SeanSEO Posted January 17 Share Posted January 17 Hello Everyone, I am trying to change the burger menu on the top right of my website to an arrow. I am on Squarespace 7.0. Any help would be greatly appreciated. I have been able to change the three lines into 3 arrows but I would much rather one arrow. Thank you Sean Link to comment
Web_Solutions Posted January 18 Share Posted January 18 11 hours ago, SeanSEO said: Hello Everyone, I am trying to change the burger menu on the top right of my website to an arrow. I am on Squarespace 7.0. Any help would be greatly appreciated. I have been able to change the three lines into 3 arrows but I would much rather one arrow. Thank you Sean Can you share your website URL? SeanSEO 1 If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks MD Rofik Website Designer and Digital Marketer ☕Am I helpful? Want to offer me a coffee? ✉ Send me a message if needed any help. I'll try to reply as soon as possible. Link to comment
SeanSEO Posted January 18 Author Share Posted January 18 (edited) www.spacebetweencounselingservices.com thank you for any help you can provide! Edited January 18 by SeanSEO Link to comment
yubrajs Posted January 18 Share Posted January 18 Apply this code into custom css: .force-mobile-nav .mobile-nav-toggle .top-bar, .force-mobile-nav .mobile-nav-toggle .middle-bar, .force-mobile-nav .mobile-nav-toggle .bottom-bar{ background-color: unset !important; } .middle-bar::after { content: "\21E6"; } .mobile-nav-open .mobile-nav-toggle .top-bar, .mobile-nav-open .mobile-nav-toggle .bottom-bar{ background-color: #fff !important; } SeanSEO 1 Link to comment
SeanSEO Posted January 18 Author Share Posted January 18 3 minutes ago, yubrajs said: Apply this code into custom css: .force-mobile-nav .mobile-nav-toggle .top-bar, .force-mobile-nav .mobile-nav-toggle .middle-bar, .force-mobile-nav .mobile-nav-toggle .bottom-bar{ background-color: unset !important; } .middle-bar::after { content: "\21E6"; } .mobile-nav-open .mobile-nav-toggle .top-bar, .mobile-nav-open .mobile-nav-toggle .bottom-bar{ background-color: #fff !important; } thank you! Is there a code for an arrow that points down? Do you have a site that has arrow codes? thank you! Link to comment
SeanSEO Posted January 18 Author Share Posted January 18 actually I just found it! thank you again for your help!!! Link to comment
yubrajs Posted January 18 Share Posted January 18 You can find it here use css code: https://www.toptal.com/designers/htmlarrows/arrows/ SeanSEO 1 Link to comment
SeanSEO Posted January 18 Author Share Posted January 18 1 minute ago, yubrajs said: You can find it here use css code: https://www.toptal.com/designers/htmlarrows/arrows/ ok so it worked on desktop however on mobile it looks as though the arrow is ontop of the burger....as if the burger is not "blocked" Link to comment
yubrajs Posted January 18 Share Posted January 18 Remove ".force-mobile-nav" from the code: .mobile-nav-toggle .top-bar, .mobile-nav-toggle .middle-bar, .mobile-nav-toggle .bottom-bar{ background-color: unset !important; } Link to comment
SeanSEO Posted January 18 Author Share Posted January 18 yes I was able to get that as I tinkered with it a minute. So sorry to keep bothering you but now the top lines and bottom lines are gone on mobile but I still have the middle arrow showing. Sorry I am newer to square space. thank you! Link to comment
SeanSEO Posted January 18 Author Share Posted January 18 figured it out! Thank you again for all your help! 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