mattdeo Posted March 24, 2023 Share Posted March 24, 2023 I'm also trying to figure out the code to use to remove the hamburger menu on my mobile site. www.mattdeocreative.com Link to comment
creedon Posted March 24, 2023 Share Posted March 24, 2023 18 hours ago, mattdeo said: I'm also trying to figure out the code to use to remove the hamburger menu on my mobile site. Add the following to Design > Custom CSS. button.no-nav-links { display : none; } Let us know how it goes. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
Mateo33 Posted April 7, 2023 Share Posted April 7, 2023 Hi @tuanphan! I am trying to keep my mobile site exactly as it originally appears by default, but just get rid of the hamburger menu, without getting rid of the header. The previous codes in this forum didn't work for me, unless I'm missing something. Could you please provide the code to keep the header but just get rid of the hamburger menu? Thank you!! toymonsoon.com is my website Link to comment
Mateo33 Posted April 7, 2023 Share Posted April 7, 2023 @tuanphannever mind! @creedon had the code I needed, didn't see it at first. Thank you @creedon! creedon and tuanphan 1 1 Link to comment
oysterpots Posted June 18, 2023 Share Posted June 18, 2023 Hey folks, Please can I get some help removing the burger menu/social icons/search on the mobile version of just one page of my site please? It's this page: https://www.lottiestorey.co.uk/therapist I'm on version 7.0 and using Skye template family. Personal plan. Thanks so much, Lottie Link to comment
creedon Posted June 18, 2023 Share Posted June 18, 2023 3 hours ago, oysterpots said: can I get some help removing the burger menu/social icons/search on the mobile version of just one page of my site Add the following to Design > Custom CSS. [ id="collection-62ac533e79f06a685a4a4a06" ].tweak-show-search-in-header .mobile-bar .search-cart--mobile.flex-item, [ id="collection-62ac533e79f06a685a4a4a06" ].tweak-show-social-in-header .mobile-bar .social-ellipsis.flex-item { display : none; } This is for v7.0 using the Skye template family. Let us know how it goes. oysterpots 1 Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
oysterpots Posted June 19, 2023 Share Posted June 19, 2023 Thank you so much. The social icons and search have gone from that page but not the hamburger menu. Would love to find a way to remove that as well if you have any ideas! Thanks again, Lottie Link to comment
creedon Posted June 19, 2023 Share Posted June 19, 2023 (edited) On 6/19/2023 at 1:37 AM, oysterpots said: but not the hamburger menu. Would love to find a way to remove that as well if you have any ideas! Use this to remove the whole mobile bar at the bottom. [ id="collection-62ac533e79f06a685a4a4a06" ] #mobileBar, /* therapist */ [ id="collection-6491ad6bbebe087d138a3aed" ] #mobileBar /* privacy statment */ { display : none; } You can remove the previous code. Let us know how it goes. Edited June 20, 2023 by creedon version 2 oysterpots 1 Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
oysterpots Posted June 20, 2023 Share Posted June 20, 2023 Fabulous! Thank you @creedon that works! Really appreciate your support 🙏😊 Link to comment
oysterpots Posted June 20, 2023 Share Posted June 20, 2023 Ah, I spoke too soon @creedon! The second code removes the hamburger, social icons and search from across the site. I just need it removing from two pages: https://www.lottiestorey.co.uk/therapist and https://www.lottiestorey.co.uk/privacy-statement Can I ask for more help?! Thanks in advance Link to comment
creedon Posted June 20, 2023 Share Posted June 20, 2023 6 hours ago, oysterpots said: Can I ask for more help?! I have updated my last code post. Let us know how it goes. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
oysterpots Posted June 21, 2023 Share Posted June 21, 2023 @creedon BINGO!!! Thank you so much 🤩 creedon 1 Link to comment
MiquelMollAlzina Posted December 28, 2023 Share Posted December 28, 2023 Hello, Regarding the burger menu on the mobile view, in version 7.1, in my site https://scarlet-cornet-ps95.squarespace.com/, i vould like de 'inactivate' it. Not only make it invisible, which I already did by adding <style> /* hide burger */ .burger-inner { visibility: hidden; } </style> to the code injection, but 'inactivate' it, because now, invisible as it is, i can still acces to it if it happens that accidentally i click on it where it is placed (though it is not visible). Could some one have some suggestion...? :) Regards, M. Link to comment
tuanphan Posted December 30, 2023 Share Posted December 30, 2023 On 12/28/2023 at 10:19 PM, MiquelMollAlzina said: Hello, Regarding the burger menu on the mobile view, in version 7.1, in my site https://scarlet-cornet-ps95.squarespace.com/, i vould like de 'inactivate' it. Not only make it invisible, which I already did by adding <style> /* hide burger */ .burger-inner { visibility: hidden; } </style> to the code injection, but 'inactivate' it, because now, invisible as it is, i can still acces to it if it happens that accidentally i click on it where it is placed (though it is not visible). Could some one have some suggestion...? 🙂 Regards, M. Use this code instead <style> .header-burger { display: none !important; } </style> 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment