Squarespace menu dropdown For both, I would like to make it possible for the top item, the dropdown folder name, to be clickable and lead to a page that is not listed in the menu below. This is a great alternative to embedding . Jan 14, 2024 · Some CSS code to customize Dropdown Menu (7. Learn how to style and customize dropdown menus in Squarespace with our step-by-step tutorial. 1 I'll walk you through the step-by-step process of creating a dropdown menu, in your navigation & adding pages to that. You can Apr 17, 2025 · Efficiently organize your site with a Squarespace dropdown navigation menu. Sep 13, 2024 · Learn how to add and style dropdown menus in Squarespace with this easy guide. Feb 21, 2022 · Squarespace Webinars Free online sessions where you’ll learn the basics and refine your Squarespace skills. com Hi. Instead, I want to change this to Jul 31, 2025 · A Mega Menu is a great way to showcase your pages and improve the user experience - check out two simple ways to add one to your Squarespace site! Oct 16, 2024 · To make Dropdown appear in Burger Menu, you can follow these. The dropdown navigation has white text & a white background (image attached) My header colour palette is yellow, whereas the main website has a white background, I'm wo Apr 15, 2021 · Hello, I'm trying to find out how to make the drop down menu on my navigation transparent or translucent rather than a black box. But is there a way to make the main button linked as well? For example, I currently have a navigation button at the top of my website for the services I provide. 1. Jul 17, 2025 · To organize your site's navigation menus, drag and drop pages around the pages panel. . header-menu-nav-wrapper, div. Nov 23, 2024 · Hi there, I've built a dropdown menu folder with three anchor links going to different spots on the "About" page. The folder will then appear as a drop-down menu item in the navigation bar when visitors hover over it. It's only visible when hovering over it. I'd also like the services button itself to still be clickable like it is no Apr 29, 2021 · Site URL: https://www. */ } Nov 29, 2023 · I would like to modify the dropdown menu as follows. Learn how to organize your website content logically, improve navigation, and provide a smoother browsing experience for your visitors. I would greatly appreciate your assistance! Jan 4, 2024 · Hi folks, I would like to make a change on my site and need your help. This tutorial is specifically designed for Squarespace 7. an adjustment, I'm stumped! hardballhebrews. Oct 18, 2024 · Whether you’re creating a menu for your online store, blog, or portfolio, this guide will walk you through the process of creating a drop-down menu in Squarespace. Jan 27, 2025 · Did you find any good Squarespace drop down menu style? In summary, customizing your Squarespace drop down menu style isn't just about aesthetics; it's about enhancing user experience. Currently, the words are too spaced out. as you can see by the screen shot, i have a dropdown feature for "about" but when I hover over it nothing drops down. Perfect for beginners! Aug 1, 2024 · I used custom code to have my a portion of my footer become the header. Aug 1, 2024 · I know Squarespace explicitly say in their video about Dropdowns, that "you can't nest a dropdown within a dropdown" 😕 Does anyone know a way around this? Or would this a complicated custom code job to achieve? To demonstrate what I am trying to do you can look at this site and hover over YARNS & Apr 21, 2021 · Learn how to create a drop down in your main navigation in Squarespace. 1 version). One of the most important aspects of a website is the mobile menu, which provides easy navigation for visitors on their mobile devices. www. header-nav-folder-content { widt Jun 11, 2024 · By default, Dropdown Titles are links, but Squarespace makes them un-clickable. The header and menu should be separated by a colored line. Thank you! Jul 24, 2024 · The dropdown menu of my current primary navigation is static. Apr 6, 2025 · Learn how to create a dropdown menu in Squarespace. 🫠 Luckily, a little custom CSS can help you make that dropdown folder unique! Use the code below to create a higher contrast, or even add a linear gradient if you want to be really creative. com/view Jan 23, 2024 · I do not understand why the dropdown nav menu doesn't allow for it's own page and I would like to be able to create dropdown navigation menus for my header with the menu being it's own page. 1 // Squarespace Dropdown Menu Design InsideTheSquare with Becca Harpain 29. Same layout no drop down menu. Jun 6, 2024 · Hi, is there another way to change the dropdown menu color, font, corners, and opacity besides using Custom CSS? If it has to be through Custom CSS, I probably need to hire someone to do it for me since all I can do is use AI to come up with something (that doesn't work). Aug 10, 2023 · Hi there, I'd love to know how to use CSS to create mobile drop down menu very similar to the example screenshots I have attached from the website https://www. May 28, 2025 · Whether you're building a personal blog, portfolio, or online store, a well-structured menu keeps things tidy and improves navigation. Below are the steps to change the drop-down menu color in Squarespace, taking into account different aspects such as background color, text color, and hover effects. Learn some cool customizations and best practices. In this guide, you’ll learn how to make a drop down menu in Squarespace using built-in folders, step by step. Ready to elevate your website’s navigation? Oct 7, 2024 · Where do I begin with creating a dropdown menu under 'shop' like the attached image? Jul 20, 2023 · Learn how to edit your Squarespace CSS menu with easy-to-use code. If code doesn't work, you can send site url, I will check again. How the dropdown displays depends on your site's version and template. */ column-gap: 30px; /* Sets 30px spacing between the columns. ” Sep 18, 2024 · I want to further customize the colors and borders of the dropdown menu without the limitations imposed by the standard elements. This guide shows you how to reorder pages, move pages between navigation sections, and add pages to dropdowns. May 27, 2023 · Hi there! I want to create a drop down menu from 'Shop' with all the product categories I have and remove this list that appears in the middle of the page. 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. A summary containing the most significant posts is available with an estimated read time of 3 minutes. Nov 3, 2022 · Hi all, I am in the process of making my website more appealing and would like to ask for help with drop down animations. I'm not sure if there's an actual way to do this on Feb 17, 2020 · . header-nav-folder-content a { text-decoration: none !important; } /*STYLING Jul 27, 2024 · Hello. Dropdowns aren't pages and it's not possible to add content directly to them. Oct 20, 2020 · Easily add a Mega Menu in your Squarespace 7. This step-by-step tutorial shows you how to change colors, add borders and shadows, adjust alignment, and create hover effects for your dropdown navigation. 0 and 7. Create a clean, user-friendly experience in just a few steps. In some templates, the menu of links only appears when you click the dropdown. Call it Menu. removed burger drop down menu make navigation pages visible on top header Social icons visible on top header site URL: www. Learn how to add a drop down menu in Squarespace for better navigation. Aug 15, 2023 · Adding a Squarespace dropdown menu in your navigation is a fantastic way to keep your top level navigation streamlined and simple. When I hover over the dropdown menu, the container (products ) below moves as the dropdown descends. Here’s how to add one to your Squarespace website. 1! May 29, 2020 · Hi all! I am having trouble aligning the text in the drop-down menus in my navigation bar. I have already used code to make the menu and the dropdown menu transparent. /* Removes underline on nav menu links */ . How can i do it? May 20, 2024 · This just example code, you can replace with ID on your site. Oct 22, 2025 · How to make Squarespace navigation dropdowns clickable Background On the latest version of Squarespace (version 7. header-nav-folder-item--active . This guide covers adding menu blocks for your restaurant site. Quick and easy, for Squarespace 7. Nov 10, 2020 · Site URL: https://dev-bcco. Jan 24, 2024 · In my header, I would like to have a dropdown menu showing my services and linking to each individual page. All the code i've tried either formats it to right or centre alignment but not under the menu it's related to (which works when it's set as the standard vertical Feb 5, 2025 · Hi, I need some help in creating two column in my dropdown menu. Add code to Design > Custom CSS How to change Dropdown Menu Width /* dropdown menu width */ . Whether you're organizing legal pages, SEO content, or any other site sections, this video will guide you step-by-step to make your site user-friendly and easy to navigate. #1. I would like to animate it, so that it slides down from the menu. I found a temporary solution by adding all the pages under 1 dropdown menu but it's not exact Apr 13, 2020 · Site URL: https://wolf-cube-3k56. header--menu-open . Sep 17, 2024 · Step 1: Add a dropdown to your main site navigation Click the plus icon in the main navigation and add a dropdown. Oct 18, 2022 · I want to create a folder within a folder for the navigation menu. 1), the dropdown folders in the desktop navigation cannot be clicked! You can place links within the dropdowns (previously called “folders”) but the dropdown title itself is not clickable! This was a deliberate design decision. Learn how to create an organized, visually appealing navigation system. Feb 12, 2024 · The dropdown menu in Squarespace… let’s chat about it. header-nav-folder-item-content { background-image: none Aug 23, 2024 · Changing the color of a drop-down menu in Squarespace can help you customize your site's look to better match your branding. A quick guide for styling your site to match your vision. . Users can add pages to the folder, and those pages will appear as sub-menu items when a user hovers over the main menu item. Currently, I display 3 sections: Judges, Staff and Committee. header-nav-folder-content { column-count: 2; /* Arranges dropdown menu items into 2 columns. com Thanks! Jan 8, 2020 · In Squarespace backend: Appearance > Menus, just drag n drop the menu items to nest under each other Aug 8, 2024 · The dropdown menu is white text on white background. squarespace. May 21, 2024 · Learn how to create a dropdown menu in Squarespace. This tutorial walks you through the CSS you need to fully customize these new navigation features. Select Custom Code, then click on Custom CSS. fieldingearthmoving. Specifically: size of text, background color, and spacing between words. Can someone tell me where I need to make. Here’s what I’m trying to accomplish: I want to set up an "About Us" page as a parent page in the navigation menu. I labeled the drop down menu TEST, but would like the word TEST to be a clickable link Oct 15, 2024 · Hi everyone! I need help changing the colour of the dropdown menu to match the background colour, can anyone help, please? Thank you! https://www. I went on the forum and was able to find a piece of code along the lines of: /* Change dropdown menu background */ . The tutorial covers creating dropdown folders, adding pages and links, and organizing them for seamless Nov 8, 2022 · My Website is https://rotordroneservices. the second screenshot is where i have incl Apr 24, 2025 · I am running into the issue where the menu is not aligning on all of my Squarespace website menu items that do not have a dropdown menu. Jul 1, 2025 · To add a dropdown: Open the Pages panel and click the + icon. org Thanks, Emma. My approach will be to not remove, but hide the squarespace menus and trigger clicks on it via Mar 15, 2023 · Today, I’ll show you how to style a drop-down menu on Squarespace by changing the line height, margins, and color. Apr 7, 2025 · Learn how to create a dropdown menu in Squarespace. 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). By exploring different styles, incorporating CSS and Spark Plugin, and playing with colors and fonts, you can transform your site's navigation into an engaging and stylish feature. header-nav-folder-item a { padding-top: 10px !important; } . header-nav-item . Aug 3, 2021 · Squarespace Webinars Free online sessions where you’ll learn the basics and refine your Squarespace skills. Jun 11, 2024 · Hello Members, Seeking your help with the following - version 7. Jun 19, 2024 · Hi all, I would like to align the dropdown menu in my navigation bar so that it's left-justified and aligned to left side of the dropdown folder name. (Now it's right-justified and aligned to the right side of the dropdown folder name. The below code, added to your Site Footer Code Injection area, will make Jan 21, 2025 · In this guide, I’ll show you how to create dropdown menus in Squarespace and share a bonus tip with custom code to make the main link clickable. First, use this code to Custom CSS box [data-folder="root"] { . Sep 23, 2024 · Squarespace Webinars Free online sessions where you’ll learn the basics and refine your Squarespace skills. When a visitor clicks "About Us" it takes the Apr 23, 2024 · Navigate to Pages in your Squarespace dashboard. The hover effect should remain as it is now. So since I can't make that work, now I'm trying to make a drop UP menu instead. I can't find where to change it. Sep 2, 2025 · Learn how to customize dropdown menus in Squarespace with CSS. au Please help 🙂 Apr 8, 2024 · I'd like to add a dropdown menu to the Services page on my header so that customers can access one of the multiple galleries without having to scroll the services page to find the specific gallery they are interested in. Jul 1, 2024 · Hi there, could someone please help me remove the transparent background behind the dropdown menu in the navigation (when hovering over 'services'? I just want it to be transparent and ideally underlined when hovering over the dropdown items. Examples: "Read" as the drop down nav heading, which, if clicked, would take viewers to a page with catego Apr 9, 2025 · I can't figure out how to get rid of the underline on active dropdown folder links. Either I want to remove the drop down completely or add shortcuts to scroll to sections o Feb 6, 2024 · Hi, Does anyone have any custom CSS code to allow multiple columns within a dropdown menu in the main navigation? For example, I would like to have: [Navigation Item 1] > Dropdown to display 3 columns [Column 1] > Multiple items nested under the column title [Column 2] > Multiple items n Sep 2, 2024 · Learn to create a second dropdown menu in Squarespace! This step-by-step tutorial covers code, design, and tips to customize your site & boost user experience. These simple steps will allow you to implement a Squarespace dropdown menu however suits you! In this tutorial, you'll learn how to create a multiple column dropdown menu in Squarespace website. I have links that are two lines long, and I need additional sp Apr 13, 2020 · Site URL: https://wolf-cube-3k56. By using special formatting, you can create multiple menus in a single menu block. I already created content for the 4 pages which will be in the navigating menu- and the pages themselves- but I realized that it would be better if each one of them has a drop down menu I know how to create a drop down menu from scatch but I don't know how to transform an already existing Jan 13, 2025 · Transform your Squarespace navigation with custom dropdown menus featuring multiple columns, section headers, and branded icons. May 17, 2020 · Hi there, I'm wondering if you would have a CSS code for a dropdown menu arrow for the URL www. I'd like to be able to insert a hover effect when going over the navigation topics in the dropdown menu. I was also wondering if I could make the menu appear in a horizontal line instead of a vertical dropdown. It’s labeled as “Services. Thanks Jan 7, 2025 · My drop down menus are displaying an odd white box around them (photo attached). 1 site when you hover over a menu item, the dropdown menu appears in an instant. You need to insert code to Website Tools (under Not Linked) > Custom CSS #1. As you can see in the below screenshot, we have 9 selection options under Field Guide currently. I have links that are two lines long, and I need additional sp Oct 23, 2024 · I’m currently building a website on Squarespace 7. Jan 27, 2022 · Hello squarespace community, I've always disliked the way that squarespace shows it's menu options in the mobile view, but I've never been able to get the code right to fix it. This guide covers desktop and mobile tweaks using accordion blocks for simple navigation. Can anyone he Sep 10, 2024 · You’ll find a lot of options in your Squarespace design menu, but unfortunately, changing the background color of your dropdown menu isn’t one of them. Thank you! Jan 28, 2025 · Hi, in this example website Studio McGee (which I read online that it is made using Squarespace), it has custom dropdown menus that are what I want for a website that I am trying to create. This will require creating custom menus, which I am going to try to do. To create a drop-down menu, users can add a folder and then add pages or links to the folder. header-nav-folder-content { background: #febf00 !impor May 6, 2024 · Learn how to make your Squarespace menu dropdown box transparent with just a few lines of CSS. header-nav-folder-item { text-align: left !important; } HOWEVER, for some reason now that drop-down menu is way off Jan 24, 2024 · Yeah, this is a known thing with Squarespace. Feb 4, 2021 · I've worked according to the same logic - megamenu plugin from SF digital installed and then created the megamenu page with added accordion dropdown custom coding as per the abovementioned blogs - but although the dropdown accordion works beautifully on the "menu" page, the functionality of it doesn't flow through on the dropdown navigation menu. Follow this easy guide to create submenus and drop down pages seamlessly. It would also be great to add a thin stroke to Jun 29, 2024 · Trying to make the dropdown menus show horizontally rather than vertically, but also have each submenu show underneath it's top level. This updated guide shows you simple CSS tips and design tricks to create a clean, modern navigation Feb 13, 2024 · The dropdown menu in Squarespace… let’s chat about it. (I would also be open to other animation styles. The empty dropdown will appear in the pages panel. 1 website. I've tried updating the site style as well as the css to: /* Change dropdown menu background */ . 1, is there a way of editing the style of the drop-down menus in navigation? Maybe just change the background colour? my site is carbonbuddyproject. The text (the links) should be left-aligned. Can anyone other any assistance? May 28, 2025 · Creating a drop down menu in Squarespace is one of the easiest ways to organize your site and help visitors find what they need quickly. Change Dropdown Background div. pdf menus, which aren't always as SEO-friendly as text directly on the page. Mar 1, 2024 · Have you considered creating a "/products" page that only contains tiles, one for each of the portfolios, Red Oak, Walnut, Hickory and so on? Your View Products button could then link directly to this page, allowing them to choose one of the different store pages, instead of using the dropdown? Learn about Squarespace 7. 9K subscribers 35K views 4 years ago #333 #squarespace #css Jan 14, 2025 · Transform your Squarespace navigation with custom dropdown menus featuring multiple columns, section headers, and branded icons. com. header-nav-folder-content { background-color: #f1f !important; } #2. But I would like the title of that to link to a "services" homepage that is down below the main page. header-nav-item a, . /* This rule targets an active folder item's dropdown background*/ . Squarespace automatically sets up a redirect for the url of your Dropdown Title (above: Our Services) to the url of the first dropdown item (above: All Services). 1 Dropdown Menu | How to Create Dropdown menu on Squarespace In this video I show you how you can create a dropdown menu on your squarespace website. Paste it into the CSS Editor. Additionally, I would like to have an underline as a hover effect. stanallenarchitect. Click Save to apply your changes. 1: Is there a way to have a drop down menu to display the categories? Is there a way or code for this? Note: the 'Gowns' page has been built from the shop page to display images/ video Within the category section - is there a way to Dec 12, 2022 · Hi, I'm looking to fix the dropdown menu on my mobile site. But since you can’t click on the Dropdown Title, you wouldn’t know this. Code should add to Website > Website Tools > Code Injection > FOOTER and DO NOT add to Custom CSS Jun 22, 2022 · Hi! I've received wonderful help for my previous questions on the drop down menu. However, I've been looking all over and I can't seem to find a way to add a sub-menu to my drop-down menu. Feb 17, 2020 · This topic contains 42 posts with an estimated read time of 33 minutes. How can I set this Oct 18, 2024 · In Squarespace, drop-down menus can be created using the “Folder” option in the Pages panel. Elevate your website with Apr 22, 2024 · Creating these dropdown menus is a great space saver to avoid having a cluttered navigation bar so, when planning your new website, or redesigning your existing one, consider how you might be able to make use of this functionality. Oct 18, 2024 · Creating a drop-down menu in Squarespace can help improve website navigation and make it easier for visitors to find what they’re looking for. The border lines extend to the edges of the screen and each menu option (Work-Practice-Contact) are equal height a Sep 22, 2020 · How To Change the Dropdown Menu In Squarespace 7. Jul 29, 2019 · Hey, I'm building my site in 7. There should be some additional space between the individual menu items. Styling options for this is one of the seemingly obvious needs we Squarespace website designers have, but there’s absolutely no built Mar 15, 2025 · Struggling with basic dropdown menus that just don’t cut it? Discover how to transform your site’s navigation with a stunning mega menu—no coding required! Squarespace’s default dropdown menus are simple, but they often lack the flexibility and visual appeal needed for complex sites. header-nav-folder-item--active a { color: red !important; } Dec 13, 2020 · I would like to change the size of the font of the items in my dropdown menus (which is particularly relevant for the mobile version). header-nav-folder-title a, . tixserve. Instead of showing the nested view after clicking a folder, I would like for the available pages to smoothly display und Jan 19, 2016 · The menu we’ll be creating features two sub categories that appear once the parent link is activated by a hover. Sep 13, 2023 · Hi! I would like to change how my dropdown menu appears. Copy the code snippet provided below. ie: The About nav item is clickable. I'm trying to change the dropdown menu background color from white to black as well. Either follow the steps in this tutorial or purchase a very affordable plugin that does all the work for you. Create a second level of dropdown folders in your Squarespace menu navigation. Mar 7, 2021 · I’m a fan of drop-down navigation menus because they help keep your navigation clean and easy to use. Oct 18, 2024 · Squarespace drop-down menus are created using folders, which can be added to the main navigation bar. Jul 30, 2023 · Learn how to add a navigation dropdown in Squarespace, improving your site’s usability and structure. Styling options for this is one of the seemingly obvious needs we Squarespace website designers have, but there’s absolutely no built in settings as of right now. this was so that i can have a search bar included in the header. This code isn't working for me. Change Dropdown Opacity You can use rgba color to adjust opac Nov 14, 2025 · Easily add a drop-down navigation menu to your Squarespace website with this tutorial. e. This is not possible within Squarespace's normal tools, so I am looking for a solution using code. Jan 16, 2025 · In this video, learn how to add dropdown menus to your Squarespace website effortlessly. Once “go” is pressed they are taken to a link based on their selections from the 2 dropdowns. com Can anyone recommend CSS to add so I can spread out the items in my drop-down nav? I've already added CSS for line height, but I don't know the tag for the space between the line items. When you add a dropdown, the parent page is not linked to anything. Feb 2, 2022 · Site URL: https://cyan-oriole-hy6e. com/ I have been trying to make the background on the dropdown menu transparent but can't seem to make anything work. I have looked at custom css options, but I can't seem to find the appropriate one. In Phone-mode it automatically changes into this button but i want this button for the desktop site aswel. Aug 28, 2022 · Hi! I created a custom dropdown menu in the intro section of the store page (code block). au/ Hello, I would like to create a drop down menu in my header for the categories in my store but I am unsure how to do this. westwardatelier. To add pages to your site, visit Adding pages to your navigation. For example, if it's a Services page, you'd create a Services dropdown, and then the first page within the folder would be Services Overview, then the additional service pages underneath. Is anyone else having this issue, and is there a fix for it? example: voyagefcu. Jun 17, 2025 · Squarespace Two Column Dropdown Menu Plugin, is a powerful and easy-to-use plugin that allows you to create beautiful and responsive dropdown menus with two columns of links, images, or other content. sebastianborde. ) I found other forum discussions about changing the justifica Apr 13, 2025 · Squarespace Webinars Free online sessions where you’ll learn the basics and refine your Squarespace skills. Jun 10, 2025 · Navigate to Pages in your Squarespace dashboard. 1 (mainly to get to grips with using it) and I've come across one problem I can't seem to fix. Organize your website’s navigation and customize your menu's appearance using custom CSS to match your brand. 1, and I’m having trouble creating a parent page with subpages in the navigation menu. Whether you're building a personal blog, portfolio, or online store, a well-structured menu keeps things tidy and improves navigation. com Password: Bagel I know creating a drop down menu will allow me to add pages underneath it. com When hovering over the "work" section in the nav bar, a list of three options appear instantly. On the desktop version I have a nice dropdown menu, however in the Mobile version, when clicking on it it opens a new page with the name of the folder which then has to be clicked on again to show the actual menu options which is a bit c Dec 13, 2022 · Despite the z-index, which helps the dropdown part overlap on the landing page, the Squarespace blog pages make the rest of the dropdown vanish into the posts. Apr 13, 2025 · Squarespace Webinars Free online sessions where you’ll learn the basics and refine your Squarespace skills. To build a drop-down menu in your site's navigation, visit Adding In this tutorial, we’ll be creating a dropdown menu in Squarespace 7. May 27, 2025 · Learn how to change the color, shape, and style of dropdown icons in Squarespace 7. header-nav-folder-content { back May 16, 2023 · On page "About Us", I want to convert that link to a dropdown with links that would link to specific sections of the "About Us" page. On most sites, the dropdown's links appear when you hover over the dropdown. How can I do it? My inspiration is the other screenshot attached below. Aug 14, 2023 · Hi there, Is it possible to adjust the line spacing (leading) for the dropdown menu? I want to space it out a bit more. org Jul 1, 2024 · Thank you! Is there a way to make the underline match the default underline for the selected page? At the moment it shows both and they're different weights and positions. Jan 4, 2024 · I'd like to modify the dropdown menu and style it as follows: The shape and spacing should resemble what is shown in the attached screenshot. I dont want the elements to move, would like to have the same affect as normal dropdown navbar. Sep 23, 2022 · These code for Squarespace 7. Aug 4, 2025 · You can create a drop-down menu on any site using our dropdown feature. Nov 6, 2023 · I want my desktop version site header to mimic onto my mobile site header. The menu should be aligned with the bottom edge of the header. I wanted the drop-down menu text to be left-aligned and used this code to achieve that: } . Oct 26, 2024 · This Squarespace tutorial guides you step-by-step through creating a user-friendly, two-column dropdown menu. Each dropdown creates a single menu in your navigation. I would also like to be able to change the color of the menu background. We’ve created several posts helping you style the header (drop shadow, header button, and social icons), but it’s time we stop neglecting the boring dropdown menu in Aug 26, 2021 · Does anyone know how to animate a dropdown menu in the navigation header? On a basic Squarespace 7. I would really appreciate the help. Thanks for your help! Apr 4, 2021 · Hi there, i would like to add white underline hover effects to my navigation bar, as well as on the drop down menu. The following video walks you through how to add a dropdown box to your Squarespace website. To create a Squarespace drop-down menu, first, navigate to the Pages panel. g) the menu includes 2 dropdo Dec 19, 2023 · Hi Squarespace Community! I would like to create a navigation that functions similar to this one: so it should have: a) Second level navigation via drop down, that unfolds on mouse-over b) Clickable menu items in the second level c) Also clickable main menu items I don't get how to create c) Feb 21, 2025 · Hey! I'm searching for a way to have a clean navigation menu button instead of a navigation bar. For general information about pages and navigation, visit The Pages panel. If you have a Oct 18, 2024 · Squarespace is a popular website builder that offers a range of customization options for its users. menu. Enter a title for the dropdown to display in the navigation. Dec 11, 2019 · Using 7. Dec 13, 2023 · I am in need of a secondary menu/navigation on a page (not in the main navigation menu), that has 2 different drop downs the user selects from and then hits a button “go”. prsnl-hb. So often you'll need to put Page A in the dropdown, and then the sub pages underneath. Then add all of the pages you want to appear in the dropdown. And how co Apr 8, 2019 · A great way to simplify pages like your FAQ page is to use accordion dropdown boxes. I'm attaching a photo of what I would like it to be. ) O Use the dropdown feature to create drop-down navigation menus (also known as nested pages or sub-menus) on your site. forloveanddessert. In this article, we will explore how to adjust your mobile menu in Squarespace, including changing the menu icon, adding or removing menu items, and adjusting Aug 4, 2025 · Use menu blocks to display your restaurant's menus on your site. Apr 22, 2024 · Creating these dropdown menus is a great space saver to avoid having a cluttered navigation bar so, when planning your new website, or redesigning your existing one, consider how you might be able to make use of this functionality. Click Dropdown. Something like the picture I've attached to this forum. I've made the parent folder clickable to load the "About" page. Jul 4, 2023 · Full-width navigation dropdown This one is courtesy of another Squarespace CSS expert: Becca from Inside the Square, who we can’t recommend enough for all kinds of fun Squarespace customisation tutorials! In this free tutorial, Becca teaches you how to implement AND customise a fun, full-width dropdown menu on your Squarespace site. I have created two dropdown menus in my header. I would like to make them appear with a bit of delay, simila Mar 11, 2024 · 5 minutes ago, Deesearcher said: That worked! Amazing, thank you so much for your help!! No problem, could you mark my post as the solution to your question and give it a like? Thanks! Aug 22, 2024 · Iv made a the drop down in my navigation HOWEVER it doesnt show up under services at all. header-nav-folder-content { display: none; } &~div { display: none !im Jan 11, 2020 · Hi, I'm using the foster template, but have changed the background color to black. The first series of sub-links appear underneath main nav bar, then the second series of links fly out horizontally from the first dropdown. header-nav a, . csl xkdkjdsl nersj uwsell bfp wxuaxv goinqc jostkn pnowqj sywfad nfsqnt tqwicr xuzusl zgn zvu