Inacio Posted January 3, 2022 Share Posted January 3, 2022 Hi, Does anybody know how to completely remove the overlay menu from the mobile version? I contacted the support and they informed me that this can only be accomplished by a custom CSS but I don't know how to do it. Many thanks, Inacio Link to comment
tuanphan Posted January 4, 2022 Share Posted January 4, 2022 Hi. What is site url? Each site needs a different CSS 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
tscharrli Posted January 14, 2022 Share Posted January 14, 2022 Hi, I would like to do the same. Remove the hamburger icon and overlay on mobile, whilst keeping the social icons on desktop. www.charlotteclaesson.com Link to comment
tuanphan Posted January 15, 2022 Share Posted January 15, 2022 23 hours ago, tscharrli said: Hi, I would like to do the same. Remove the hamburger icon and overlay on mobile, whilst keeping the social icons on desktop. www.charlotteclaesson.com Add to Design > Custom CSS /* remove mobile burger */ .burger-inner { visibility: hidden; } 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
Javdesign Posted August 9, 2022 Share Posted August 9, 2022 Do any of you know how to remove the burger and overlay menu from mobile (v. 7.1 templates), but expose the links that are in it at the top in the header instead (again, on mobile)? I only have one link to show! Link to comment
tuanphan Posted August 11, 2022 Share Posted August 11, 2022 On 8/10/2022 at 4:39 AM, Javdesign said: Do any of you know how to remove the burger and overlay menu from mobile (v. 7.1 templates), but expose the links that are in it at the top in the header instead (again, on mobile)? I only have one link to show! What is your site url? We can help easier. 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
PaulJB Posted October 22, 2022 Share Posted October 22, 2022 Hi all - I would also like to know how to remove the overlay menu from mobile, if possible? The site URL is > The Apartment La Rosière (theapartmentlarosiere.com) I've made a few Squarespace sites always for personal projects/stuff, but never touched the custom CSS options. Thanks so much for any help! Link to comment
PaulJB Posted October 22, 2022 Share Posted October 22, 2022 On 1/15/2022 at 2:30 PM, tuanphan said: Add to Design > Custom CSS /* remove mobile burger */ .burger-inner { visibility: hidden; } I assumed that this wouldn't work on my site (based on the words of warning above), but I just tried it out and it did! tuanphan 1 Link to comment
tuanphan Posted October 26, 2022 Share Posted October 26, 2022 On 10/23/2022 at 4:07 AM, PaulJB said: I assumed that this wouldn't work on my site (based on the words of warning above), but I just tried it out and it did! Yes. The easiest way to remove the overlay menu is to hide the burger icon 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
Wisam Posted June 24 Share Posted June 24 1. How do I remove the 3 dots for social links on mobile menu only? 2. How do I add my site logo to the mobile navigation overlay? I'm using Squarespace 7, and the Foundry template. www.danishfarhan.com Link to comment
Wisam Posted June 24 Share Posted June 24 I used the following code and it worked! /* Remove the element on mobile view */ @media screen and (max-width: 767px) { .ellipsis-icon { display: none; } } Link to comment
Wisam Posted June 24 Share Posted June 24 Still hoping to have my site branding appear on the mobile navigation overlay Link to comment
tuanphan Posted June 25 Share Posted June 25 12 hours ago, Wisam said: 1. How do I remove the 3 dots for social links on mobile menu only? 2. How do I add my site logo to the mobile navigation overlay? I'm using Squarespace 7, and the Foundry template. www.danishfarhan.com You mean add site title here? 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
Wisam Posted June 25 Share Posted June 25 18 hours ago, tuanphan said: You mean add site title here? So sorry, I meant to say on the mobile nav bar I guess its called. As attached. Link to comment
tuanphan Posted June 26 Share Posted June 26 Add to Design > Custom CSS div#mobileBar:before { content: "DANISHFARHAN.COM"; position: absolute; left: 50%; transform: translateX(-50%); } Wisam 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
Wisam Posted June 26 Share Posted June 26 Thank you so much @tuanphan this works perfectly! 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