Squarespace hide menu. If code doesn’t work, you can comment below, message or email me. com Jul 26, 2024 · Hi Guys, I am desperately trying to get rid of the menu button on mobile view and I have seen the various coding that has been sent to try and remove this however I have given this a go with no luck Is anybody available for a quick call to take me through it, happy to pay. quepasaibz. 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). The scrolling works great on desktop; on mobile it works too, with one exception. Their team will respond to you via email when an appropriately qualified person is available. #2. Jul 27, 2023 · I want to keep the logo and socials link on my home page, but I don't want to see the 2 menu items. I was able to successfully create the English page where there's a second nav bar at the top to switch between the English and Spanish websit Sep 16, 2019 · Hello, I'd like to remove or disable the menu / navigation / links from the header of my website. But what happens when the icon you need isn’t supported natively? That’s where custom icons come into play. Thanks! Mar 31, 2020 · I would like desktop navigation menu to remain exactly as it is You mean force desktop menu on mobile?, not 3 lines icon? Jul 25, 2023 · I created a drop down folder with links to my shop categories, but I'd like to hide the "shop" button so the only way to navigate the site is from the drop down folder. Anyone know how to hide this? Cheers Dec 22, 2020 · Hello! I'm currently making a website for an at-home preschool setup. Click EDIT SECTION in the panel that appears. I've been trying to figure out how to hide nav items on mobile and I am stumped. I had previously started to set up my site for commerce for selling some digital products that I ended up not going through with and have removed from my site, no live options to buy. Dec 9, 2024 · Hello, I am seeking assistance with configuring SRV records for my domain hosted on Squarespace. Jun 11, 2023 · Dear Community, For some reason we can't get rid off the annoying "login" button in the navigation (on top and within the burger). But when someone clicks it and goes to say, /writings/category/travel I want just the blogs I really like how the FAQ page/questions look on the site I'm building using Squarespace. container. Click anywhere outside the editor, then hover over Done and click Save. Dropdown Menu on Desktop div. Build a website that stands out with professional website design templates and tools from Squarespace, fit for portfolios, blogs, online stores, and more. I would like to hide the first item "Publications" from the lis Oct 22, 2024 · Looking to simplify your headings on specific pages? Here is how to use CSS to hide links in navigation on specific pages of your Squarespace site. I'm using version 7. I was able to remove it on the main menu but could not hide it in the dropdown. 3. I Mar 14, 2025 · To hide First item in Dropdown Menu. Feb 22, 2014 · Bedford template - According to the 'Read Me' you can hide the page sidebar that displays when you set up pages in a folder via the nav. May 20, 2025 · Squarespace is an all-in-one, no-code website builder and selling platform. Perhaps your client would prefer something simpler and sleeker or you simply don’t like its appearance – no worries: Squarespace makes it simple and straightforward to remove this menu icon altogether! Jan 7, 2023 · Hey All, Simple question. Normally, by clicking on the settings for a page, you are able to enable or disable that page. These are editable areas where you can add text, images Aug 6, 2022 · Hi, I'm looking for some help please. However, there are [imperfect] workarounds, including a Squarespace extension called SKU IQ that can synchronise inventory between Squarespace and Square POS (also Clover or Lightspeed). 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. I built a little menu at the top of the page that will display the blogs within a specific category, and I want that displaying on the /writings page. 1 Thank-you, Dianna Jun 30, 2025 · If you hide only the lesson pages, the course overview page will be accessible by all visitors to your site. Squarespace is the all-in-one solution for anyone looking to create a beautiful website. [2] It provides software as a service for website building and hosting, and allows users to use pre-built website templates and drag-and-drop elements to create and modify webpages. Feb 12, 2025 · Hi, I'm trying hard to make the main navigation menu and logo disappear after scrolling down, keeping the header hidden when scrolling down and showing it only when the user scrolls up and reaches the header position. Mar 18, 2022 · I know that if I use the code injection with this: <style> #header { display: none } </style> I can hide the header bar. Aug 23, 2024 · Hiding the navigation bar in Squarespace can be useful for designing landing pages, portfolios, or other sections of your website where you want a minimalist look. The navigation tray stays visible on the screen after clicking a link. One Apr 25, 2020 · I'm also trying to figure out the code to use to remove the hamburger menu on my mobile site. Some templates in version 7. Interested in Website Builders by Squarespace? Find out what our experts at PCMag had to say from our testing lab. May 6, 2024 · I have been transferred over today to Squarespace from Google Domains, and I am now trying to confirm everything is set up correctly and won't cause errors in the future. 0 (Brine) and Squarespace 7. How do I get the homepage off the navigation menu without deactivating the page? Jan 9, 2024 · Register a new account Sign In Now Go to topic listing Rewatch: Maximize your holiday sales: Black Friday strategies and Q&A with Squarespace experts webinar Hide announcement Home Forum Customize with code Jul 13, 2020 · Can someone provide the CSS to hide Account Login from the header navigation menu on squarespace 7. On mobile, and on every other page but the home page, I would like to see only the logo and CTA button on the header (not a drop-down menu with the CTA button in it). Aug 3, 2023 · Please like and upvote if my comments were helpful to you. Hiding pages from navigation is useful when you have pages that you don’t want to be visible in the main menu. Create a professional website with a free Squarespace trial. Header) <style> @media screen and (max-width:767px) { /* hide burger */ . Feb 20, 2023 · I have a one page site on Squarespace 7. You can use this code to Custom CSS box. How can I Mar 26, 2023 · Hi everyone, so this is riving me crazy and I looked everywhere and no solution worked. www. collection-506daf5a84aead5098d68b94 #nav-bar {di Jul 1, 2025 · Use the dropdown feature to create dropdown navigation menus on your site. Is there a way to remove this for the mobile viewing ? Jun 12, 2020 · My site has a "Home" button on the top navigation menu, but clicking on the logo also takes you to the home page. I would like to remove the "Home" from the navigation. header-menu-cta { display: none !important; } Result Jan 12, 2023 · Hello, I realised a custom cursor for my website. I want to hide a menu item from the page, when I am on that page. Anybody able to help? Aug 11, 2023 · Learn how to hide or show specific navigation items on a single page using custom CSS in Squarespace. However with the new system of "Portfolio Collections" that page disable option does not exist for individual May 1, 2013 · I am trying to hide the navigation bar to build a landing page. Use this code to Custom CSS box. Everyone is welcome—no website required. Jun 16, 2024 · There are 2 options to hide a page from Navigation Option 1: Drag the page from Main Navigation to Not Linked Just hover on the page and drag it from Main Navigation to Not Linked Option 2: Use code Often used if you want to hide a page from Navigation on a specific page. This tutorial is applicable for Squarespace 7. First, you need to know this. We will Feb 22, 2013 · 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. On Squarespace, they were previously known as folders. Log into your Squarespace account. If it doesn't work, please share site url body. How can I hide these? https://www. I want to keep the folder structure I have in a Brine template so that the menu title is highlighted when you're inside a page within the folder, but I don't want the actual dropdown menu to show. Mar 9, 2024 · Hi, please help me with custom css code to remove the white scrollbar on mobile dropdown menu. Hover over the header and click Edit site header. In my example, it is: /collection-page #3. Oct 27, 2021 · Hi there, I'm working with anchors and links to anchors. Jun 6, 2024 · Hey squarespace fam, I'm trying to execute a forced mobile menu button using the regular navigation button from header settings, but then hiding it on desktop using query. Although Squarespace doesn't offer a built-in feature to directly hide the navigation bar, you can achieve this through custom CSS. First, install Squarespace ID Finder #2. You can add multiple dropdowns for different menus, but it's not possible to nest a dropdown in another dropdown. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo. com/ How can I hide the menu icon with 2 lines and keep the icon with 3 dots on mobile using CSS? Site: https://justmeatsdeli. I'd like to achieve the effect below: R Sep 22, 2025 · Hi,What CSS can I use to show the burger icon when the mobile menu overlay is open/active but hide it when the menu is closed?Basically, I have replaced the burger with the word 'Menu' on the mobile site, but this has also hidden the close button when you click on the mobile menu, and I want to h Dec 4, 2020 · Learn how to create collapsible page sections in Squarespace, including examples and code solutions for organizing content effectively. Is there a way to Mar 10, 2023 · There's a setting to hide prices in your Squarespace 7. header-menu-nav-folder>div>div. Can anyone he Apr 21, 2025 · Learn how to style or hide your store's shopping cart icon and display the number of items in it. I want to disable this scrolling (only when the mobile menu is open) Any help would be greatly appreciated! Feb 3, 2025 · Hide pages from your navigation menus. Click +Add Elements, then switch the Account toggle off. 1, rather than simply 'hiding' it. header-nav, div. e. I've managed to hide the nav menu on Desktop which is great, but cannot get the Hamburger Menu hidden on mobile. 1. Suppose you want to hide item: Services on Homepage Only #1. However I'm confused by what I see on the DNS interface under "Email Forwarding" - it references a third party website I've ne Squarespace products Discuss Squarespace products and features, and share implementation tips and best practices. I don’t want people purchasing through the Cart but I would like the convenience of being able to add and remove items through the product page. How do I hide the navigation menu at the top of my blog page? I want to keep the navigation on my main page header, which currently has anchor links to jump to the 3 sections on my one page site. Find Page ID. Feb 14, 2020 · Hi, I hope someone can help me with this simple problem I can't find an answer to. com/ Nov 10, 2020 · Site URL: https://dev-bcco. Nov 11, 2024 · If you’ve tried uploading files on Squarespace, you may have noticed there's no dedicated file manager. Thanks. Jan 9, 2020 · I've run into a bit of an issue with hiding individual collection pages in Squarespace 7. Sep 8, 2023 · Hello, Is there a way to remove the burger menu on mobile in 7. An author is a name attributed to content on your site, such as blog posts. com From Google account settings Enable 2-Step Verification, in yo Nov 17, 2024 · Squarespace simplifies displaying social media links with built-in social icons that automatically match the URL to recognized platforms like Facebook, Instagram, and X (formerly Twitter). Squarespace offers a comprehensive feature set to help build your website, portfolio, or online store. 5 days ago · Squarespace’s collaborative AI website builder is ideal for users who want to create a unique site in minutes. Oct 18, 2024 · Squarespace is a popular website builder that offers a wide range of features and customization options. Next, use this code to Custom CSS box #collection-67bd2c781e1a2c30e9e2622c { div. If I slide the option "enable page" then the cover page is no longer active and can't been seen by the public. Note that there's an additional subscription for this (US$35/month for up to 100 orders). com/home-v10 Hello, I am trying to hide my top menu navigation on just the home page. Any suggestions would be ace Here is what I'm using to hide Nav Menu on Apr 1, 2021 · it doesn't work for me 😞 Do you have another code to hide the title logo ONLY when the overlay menu is open? thanks :) Try this. Is there a way to get rid of the title that says "menu" in mobile and just make the navigation open right up to Jul 8, 2025 · Squarespace 7. Feb 18, 2025 · I have tried a wide range of code to hide the Hamburger Menu on my specific landing page on mobil with no luck. In this guide, you'll learn about this section and how t Apr 2, 2020 · Hi, Anyone know how to turn the nav on the desktop version into a hamburger? I want mine in the top right corner. If you want to hide all prices with some Custom CSS instead, you can use: . Sep 7, 2022 · I'd prefer to have only the Welcome, Photo Sessions, Product Photography, Personal Work and Meet the Creator tabs in the dap down menu. squarespace. To hide prices: 1. 1 doesn’t have a one-click checkbox to disable the login menu item, but it does give you a lot of options to remove, hide, or redirect the login link as you like. 0 templates. So in short, items int the navigation menu should only be visible when n Jul 21, 2020 · Site URL: https://justmeatsdeli. However, the "cart" option is still floating at the top of my navigation, unconnected t Mar 12, 2024 · I am creating a dual language (English and Spanish) website on Squarespace featuring a second navigation bar at the top for toggling between the two sites. May 21, 2024 · Learn how to customize your mobile menu navigation design in Squarespace 7. Click EDIT to edit the store page. Our website builder makes it easy to start with customizable templates, AI tools, or a domain name. Use it to build a site, sell products, charge for services, market a business, and more. product-price { display:none!important; } Did this help? Please give feedback by Mar 4, 2013 · I’m using the Five template. 4. But I want to show it, just hide the mobile menu on mobile since this is only a one page site. 0. div. To hide a page from navigation in Squarespace, there are a few different methods. I do not want to disable the mobile style completely, just the menu drop down. The Not linked section of the pages panel holds pages that don't show in your site's navigation menu. Mar 25, 2023 · If you need help with billing, login, or technical issues, you’ll need to contact Squarespace Customer Support directly using their support pages. If you are having difficulty reaching someone, this post Feb 3, 2021 · Stand out online with the help of an experienced designer or developer. com Hire me on Upwork! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) Spark Plugin Sep 17, 2025 · The main menu is the first list of links that appears in the left-side panel when you log into your Squarespace site. I tried using a custom css code but it doesn’t seem like it did anythin Nov 16, 2019 · @tuanphan attached are all the codes but the previous ones work. Scroll to the Mobile: menu icon section and set the Menu icon position tweak to Hide. com Hi. John@Dough. header-nav-folder-item:nth-child (1) { display: none !important; } #2. Jan 13, 2025 · Suppose you want to hide item: a product (main item: Collection Page) #1. com An email forwarding name was created on this domain using the alias John i. com Hi SS 7. Review Squarespace's four plans, including pricing and features, to determine which is right for your business. Browse the full feature list here. However, this causes an extra step in mobile. Then I will have a section on my home page dedicated to menu. Don’t show navigation - Hide the member site page links from both the main navigation and Customer Account panel. header-menu-nav-item:nth-child (2) { display: none; } # Sep 17, 2025 · You can hide the menu icon in these template families: Brine family Farro family Open the Design panel, then click Site styles. Aug 3, 2025 · Customize, style, or hide the name attributed to blog posts. 1 with a blog page linked. When lesson pages are behind a paywall, you can make specific lessons accessible for visitors who haven't signed up for your pricing plan yet. Aug 4, 2024 · Yes, you can remove the navigation menu from a specific page on your Squarespace website, but it requires a bit of customization as Squarespace doesn't provide an out-of-the-box setting for this. In these template families, there isn't a built-in way to hide the mobile navigation icon: Bedford Forte Galapagos Montauk Wells York Nov 19, 2023 · Rewatch: Maximize your holiday sales: Black Friday strategies and Q&A with Squarespace experts webinar Hide announcement Home Forum Customize with code Jun 12, 2020 · Site URL: https://bluebird-porcupine-yzdg. I’ve tried adding certain adjusting the CSS in the style editor: . Jun 9, 2020 · In the original posts, I explained that Squarespace have prevented clicking on nav folders in 7. We are trying to resolve a communication issue with an external service, and as per their requirements, we have added the following SRV record: Service: _sipfederationtls Protocol: _tcp Priority: 100 May 6, 2023 · Hey I am creating a one-page website, so I only want the menu to be visible on the home page, not on any other page. Here’s the catch: accessing the Link Editor varies depending on the section you’re working in, whether Feb 8, 2025 · Configure Gmail to send Aliased emails from a Squarespace owned domain In this example: A domain name purchased from Squarespace is Dough. Please see my post entitled How to make Squarespace navigation dropdowns clickable. Dropdown Menu on Mobile div. header--menu-open a#site-title { visibility: hidden !important; } body. [data-folder="/ Nov 29, 2021 · Squarespace Webinars Free online sessions where you’ll learn the basics and refine your Squarespace skills. If you choose this option, create a custom member navigation on the member site's homepage. Instead, Squarespace relies on the Link Editor to manage and link files across your site. Squarespace, Inc. I'm pretty sure I've unchecked all options for "member areas" - am I missing one? Note: we don't need a members area, so the button must go because it's confusing. I tried looking up the collection ID to hide certain elem Dec 18, 2019 · Hey I am trying to remove or disable the Add to Cart button on my product pages. Will squarespace add native support for this or is there another Jan 29, 2024 · Square POS can't integrate directly with Squarespace Commerce. Thank you in advance Apr 7, 2024 · I have currently used the attached code to hide certain links in the navigation which has worked fine for desktop however i can't remove it from mobile. My menu item "Publications" has three sub-items: 1)publications, 2)journals, 3)conferences, 4)patents The first one is a page, the other ones are links to anchors in that page. Go to the store page 2. #1. For instance, I have an "About Me" page. Jul 16, 2025 · Edit, style, and hide sidebars in some version 7. One of the essential features of Squarespace is the ability to hide pages from navigation. Advanced . Scroll down to SHOW PRICE and choose Hide. 1 which is why previously-posted solutions don't work. <style> @media screen and (max-width:767px) { /* hide burger */ . 1 (so no template). burger-box { visibility: hidden; } & Feb 10, 2025 · To hide CTA button in Burger Overlay Menu. Discover when you may need to hide only a site section and other great alternatives! Oct 10, 2019 · My cover page is my homepage. The other folders are the linked pages . Mar 11, 2025 · To hide Navigation menu on One Page, you can follow these. header-burger { display: none !important; }} Apr 29, 2024 · Learn how to hide a page on Squarespace with this comprehensive guide. Nov 16, 2019 · Learn how to hide the 'All category' option in your Squarespace page menu with tips and tricks shared by users on this forum. Squarespace’s unlimited storage also allows for exponential growth. The only issue is that because of this structure, it also leads to a cumbersome drop down menu when you ho Aug 17, 2020 · I would like to use the product pages on my site to display my products, but because I am not actually selling online, I need to hide the following elements: Add to Cart button Quantity area Price How do I do this? Version 7. Oct 22, 2021 · Hi! Seeking help on this, is it possible to either hide the announcement bar when visitors are accessing the mobile menu or have the mobile menu cover the announcement bar completely? I still want the announcement bar visible on mobile just not on the menu. First, find Page ID. We are trying to resolve a communication issue with an external service, and as per their requirements, we have added the following SRV record: Service: _sipfederationtls Protocol: _tcp Priority: 100 Mar 25, 2023 · If you need help with billing, login, or technical issues, you’ll need to contact Squarespace Customer Support directly using their support pages. In my example, it is: #collection-67bd2c781e1a2c30e9e2622c #2 . Each dropdown creates a single menu in your navigation. I just want the custom cursor on my hover images. I don't want it in the navigation menu. mattdeocreative. Author names create bylines that tell visitors who wrote the Oct 6, 2022 · I have a site I blog on with three primary categories. Apr 9, 2020 · I am code-injecting JavaScript/jQuery to build a smooth-scrolling, hash navigation for a fixed-top menu bar in Squarespace 7. I found the code below, but it only hides it, the actual menu is still there and clickable. If I navigate to that page, I dont want that page to be in the navigation menu. The main navigation menu has "Blog" you can click that brings you to the blog page. is an American website building and hosting company based in New York City. Nov 16, 2024 · Hi, I've added my Bluesky profile to the "Social Links" block but it doesn't pickup the Bluesky icon. Apr 3, 2020 · To hide the Login link from the top navigation menu: Click Edit in the top-left corner of your site preview. Sep 12, 2023 · Hiding the Menu Icon Although a hamburger menu can be an efficient navigational tool, sometimes its design doesn’t fit your aesthetic. 1 store. Your main menu may be organized or appear differently depending on custom settings, your signup date, and your billing plan. So when you have your mobile menu open, you can still scroll in the background. header--menu-open header#header img { visibility: hidden !important; opacity: 0 !important; } Apr 15, 2025 · Hi everyone, I have tried everything to make my navigation have a title and finally settled on using the dropdown menu folder as an option. This tutorial will guide to how to hide the hamburger menu on mobile. Check out our full how-to guide!. 0 display content sidebars as part of their layout. I used this code, which removed the bar behind it, but the link remains. Squarespace doesn’t offer a built-in option to hide navigation on individual pages, but with a simple custom CSS solution, it’s possible to hide the header navigation on any page you choose. 1 needs different code, use this code (Page Settings . Squarespace webinars Free online sessions where you'll learn the basics and refine your Squarespace skills. 1? I currently have this code on my site to remove the Login Link in the Header Navigation Menu. It's really cool but now I want to hide it on my menu. I'm trying to hide certain aspects of the header (mainly the clickable links of Contact, Bio, and Vision) because I wanted to consolidate them to the footer of the page. Dropdowns are sometimes called nested pages or sub-menus. burger-box { visibility: hid Sep 12, 2025 · Members can click this link to open the Customer Account panel and view all pages available in their member sites. You can use these CSS code. Next, hover on Collection Page Folder (Dropdown) > Click Gear icon You will see this URL Slug. Is this possi Oct 19, 2023 · I want to hide every page, but "HOME" from the mobile hamburger menu, but only on the "About Us" page on mobile. xd74 ga4 v08b f6 epi eksbj fx7nw z25se ey7 pfakwx