Remove Overlay Menu from Mobile Version

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

Hi. What is site url? Each site needs a different CSS

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

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;
}

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!

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.

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!

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! 

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

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

I used the following code and it worked! 

 

/* Remove the element on mobile view */
@media screen and (max-width: 767px) {
  .ellipsis-icon {
    display: none;
  }
}

Still hoping to have my site branding appear on the mobile navigation overlay

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?

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.

Add to Design > Custom CSS

div#mobileBar:before {
    content: "DANISHFARHAN.COM";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

Thank you so much @tuanphan this works perfectly!