Remove menu squarespace 0 template you’re using, read this post 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. I have been using the following codes, which have been suggested in previous queries, but it does not seem to work for me and I don't know why! Thank you! header a { background-image: none !important;} div. tweak-global-animations-animation-type-flex . Could you help me fix this? I'm using 7. <style> @media screen and (max-width:767px) { /* hide /* Mobile nav styles */ @media (max-width: 799px){/* Make the sub menu and container that contains the icons spaced apart into a column */. If you are looking to remove the underline for your footer, whole website, specific section, or even the main navigation (including mobile menu). Use this CSS to customize mobile button . Help! Site is here: mti. 1, rather than simply 'hiding' it. Working Now As freelancer With lowest Rate. We'll cover both versions. Hi! I am trying to keep the logo but remove the menu in header and then remove the footer fully on only 1 page. First, go to the “Main Navigation” page, then click on the “Settings” icon of your target page. 0. Check what template you have. I have noticed the + symbol has been removed from the site when viewing on desktop, however when viewing on mobile it still appears. This is no longer needed as Squarespace has removed ⭐ Squarespace Circle Leader ⭐ Squarespace Expert ⭐ Platinum Partner ⭐ Software Engineer ⭐ UX Designer ⭐ Design should be simple. Can someone help me write CSS for this use case? ThanksI have a need to hide certain items from the mobile hamburger menu, as I hide them from the desktop view. Is there a place to do that? Thank you. If not Hi all! Wondering if there is a way to remove an active page underline effect in our drop down menu. Squarespace Forum I just wanted to add that in the Five template it doesn't work with just #header it is #page-header-wrapper in the menu Configure page --> Advanced --> Page header Code injectionThis removes everything on the top of your page I’d like to hide the mobile navigation menu, and instead just scale out my navigation menu underneath the title of my site when viewed on an iPhone. One last question, how do I make the just darken slighlty, say a 90% transparency so that there is some definition behind the logo and the content. com I'm having issues with he mobile version drop down menu having loads of blank space between the top and social buttons as shown in the attached photo. In this tutorial, she is showing you exactly how to take the custom fonts you’re currently drooling over (but aren’t native to Hi, I'm having the same problem as this user. This will remove the page from navigation, but it will still be accessible if someone knows the URL. html, body {overflow-x: hidden;} @media screen and (max-width:640px) { I have just added a plug-in mega menu to my site which has tidied up what was a messy menu. PAGE-ID header { display: none !important; } 6. sqs-money-native:before { content: none; } HiMy name is peter and i am new to squarespace but the above topic really applies to my site. The content tab in the menu block has demo content that you can replace with As you build your website with Squarespace, use folders to create drop-down navigation menus (also known as nested pages or sub-menus) on your site. 0 site header and menu from a single page on the Desktop version, but I can't get the dropdown menu to disappear from the Mobile version. This way, the page will no longer appear in the navigation. A note regarding Squarespace 5 sites: Squarespace 5, our legacy platform, doesn't allow permissions to be edited. Log into Squarespace. To do this, simply I have been able to remove the navigation menu from the desktop version of the page using the code shown in the attached file screenshot68. Custom CSS for Squarespace 7. Learn how to customize your mobile menu navigation design in Squarespace 7. header-menu-nav-item--active a 10 Squarespace CSS tutorials for your site navigation 1. However the code to hide from desktop doesn't currently translate to mobile. Create your Mega Menu dropdown. I've added the code mentioned above but the hamburger menu is still displaying. If you log on via the Squarespace app and click the Pages icon you can then locate the folder and delete it. 1? I currently have this code on my site to remove the Login Link in the Header Navigation Menu. *. I tried playing around in the settings but all I get are options to change the aesthetic of the icon or some visual element but not to remove the icon entirely. To hide the Login link from the top navigation menu: . 0 and Squarespace 7. Remove the "header menu open" class from the page body. I was able to remove it on the main menu but could not hide it in the dropdown. 0 I have successfully used the following code which has removed the header, logo and menu from the webpage. 1, and I have a business account. collection-506daf5a84aead5098d68b94 #nav-bar {di There are a couple of ways to hide pages from navigation in Squarespace. My question is how and where to i apply the custom css abovei am really stuck when it Unfortunately, Squarespace doesn’t have a native way to build these out, so in this tutorial I’m going to show you how to build one. Here’s how: First, log in to your Squarespace account and go to the ‘Settings’ menu. In this quick Squarespace video tutorial, I'll show you how to create compelling landing pages by remove headers and footers in Squarespace. DIGITAL for plugin solutions with a proven track record. Hope that makes sense Abb this code Design > Custom CSS #collection-624cd66202f62e6c706a6d67 { . Skip to Content Courses All Courses AI Filmmaking Advanced AI Filmmaking Log into your Squarespace account and navigate to the Squarespace page you want to edit in the ‘Pages’ menu. To hide a menu item from the mobile menu, users can navigate to the “Edit Link” option in the backend of Squarespace. In the ‘Site Layout’ section, you will see an option to ‘Hide Navigation Hi @tuanphan we are trying to hide the hamburger menu on our site as well and would like a traditional navigation to show if possible. A note regarding Acuity Scheduling accounts: Granting billing permissions is not possible on Acuity accounts without a I have created a 2 page website in 7. Anyone have a CSS code to remove that hamburger menu? Squarespace Webinars. I went to Settings > Advanced > Code Injection and added it to the <HEADER> section. verasounds. 3s ease-in-out, opacity 0. I know how to hide other pages or to make them enabled or disabled, but STORE is not an option for me to edit. squarespace. Thanks, Cris Site URL: https://highvibebiz. I really like how the FAQ page/questions look on the site I'm building using Squarespace. Scroll down until you see the section “Header: Layout". If you’re looking for a tutorial for Squarespace 7. Using "page header code injection" I've been able to remove my 7. Need a page on your Squarespace site but do not want it in the navigation menu? Here's how to hide a page from the menu of your Squarespace site. header--menu-open . Can anyone help with custom CSS? Replies 1 Yes, that extra space is irritating! Your current method, although better in many ways to just target the link HREF, I can't seem to work that to hide the entire space, this may work better at hiding the space, using : nth-child(2) and : nth-child(3) to hide the 2nd and 3rd like this: <style>. I have been able to remove the navigation menu from the landing page in desktop, but I can't figure out how to do it in mobile (remove the hamburger menu icon). @JM14 Hi Jake, You can add this code in Website > Pages > Website Tools > Custom A note regarding Squarespace 5 sites: Squarespace 5, our legacy platform, doesn't allow permissions to be edited. While most website builders offer standard navigation menus, Squarespace allows you to take customization a step further by giving you the ability to use different colors for your navigation links. No need to use CSS to decrease or increase the space UPDATE! You can now remove the header or footer natively through Squarespace. I can't seem to figure out why I can't remove it. While I don’t personally think this looks great, plenty of clients would rather have a transparent background for their dropdowns rather than a block of color. Learn how to hide any Squarespace content block on mobile devices (or desktop!) with a simple code snippet. I am using the avenue template on squarespace 7. I've styled a drop down menu using some code from the Shwartz-Edmsiten site and adding some bits to it (some width and nowrap properties to accommodate the longer titles and added the transform property to bring the menu down the page). Skip to Content Open Menu Close Menu. com) I've made a few Squarespace sites always for personal projects/stuff, What I want to do is keep using the desktop navigation menu on mobile, because on mobile the menu becomes a hamburger, but I just want to keep the text on the website because otherwise it looks kinda empty on To remove the hamburger menu in Squarespace, which usually appears in mobile view or on certain templates for compact navigation, follow these detailed and practical steps. Be advised that the location and labels inside the Squarespace menu can change. Reference here. However, we can cancel or remove the site. This is the default style for an ac In order to just remove the $ only, you can use the following in the Custom CSS: body. Use this code to Custom CSS to make menu slide from right @media screen and (max-width: 768px) { . Learn how to hide a page on Squarespace with this comprehensive guide. I do not want to disable the mobile style completely, just the menu drop down. header-nav-item: nth-child (2) {display: none Squarespace is the all-in-one solution for anyone looking to create a beautiful website. Same layout no drop down menu. ; Hover over the header and click Edit site header. How to add custom font to your navigation menu items in Squarespace using CSS Method of CSS injection used: Universal The lovely Beatriz over at Thiry Eight Visuals has done it again!. 1? https://tamarin. You need scroll screen to right to see burger. Give your dropdown a name, and make sure to Squarespace remove drop down menu from main navigation with CSS. com Hi. header--menu-open . You can send a donation if this is helpful for you 😉 Thanks, Vmo, your steps from 2022 worked a treat! Here they are again, amended to reflect slightly different wording in 2025. You might be wondering why you would even want to hide the hamburger menu from your Squarespace website. Can you help provide the code for 7. Is there a way to prevent the navigation items from stacking as shown in this screen shot? Any help is greatly appreciated! I have researched options however havent been able to get anything to work. Discover when you may need to hide only a site section and other great alternatives! 0. chenesebean. At this point I'm clueless on why it's not working, my basic understanding of how Squarespace Webinars. 1 since there isn't an option to set it to 0px i A note regarding Squarespace 5 sites: Squarespace 5, our legacy platform, doesn't allow permissions to be edited. Note that Squarespace versions 7. I've tried some solutions from this forum without the CSS code I provided with this post, but didn't change the outcome. If you’re not entirely sure which 7. Your mobile menu can be left-aligned, center-aligned or right-aligned. I’d like to hide the navbar on the opening page (splash page) only while keeping it visible with text and background image on all the site’s other pages. How can I remove the redundant "contact" item in the menu? If I try your code header#header [href="/contact"] { display: none;} it removes the menu item but also the button. burger-box { display: none !important; } } One common request I get from clients when building their Squarespace websites is to make the dropdown box from the main menu transparent. peusvt wgfbk bclbjkai avclb wvneid lij oitnj mtuga aglpz vlb ipykmr oalrnzlt crz zutpi epptu