Search the Community

Hi - I would love some help on highlight some folder drop downs if possible? I have a 'My Work' page with 4 x portfolios under that. I would like each portfolio name to have a separate colour so that they are easily differentiated when browsing. Screenshot attached - the different pages are: Poetry Performance / Theatre Producing & Project Management Commissions & Current Projects Can someone help with this please? Thanks! 🙂

Lets try this again. The last question I posted seems to have not made it anywhere over the past 3 days. How do i nest folders in the navigation for the bedford template, or in other words make it so that a drop down can have a dropdown in it. This is very important to my client. This is very simple. If Squarespace does not allow this I may very well have to use something else. I found one thread about this and it never got answered... The next thread I found about this, they basically said "One level deep is best.", the complaints were ignored, and the question was closed... I am starting to get the idea that squarespace is not a real good company as far as support and flexibility go. i'm begging you; change my mind!

I want to keep my header right-aligned but have the folder links left-aligned.

Site URL: https://www.andrewmarston.com/design I put a folder titled "Photo" into the my navigation, however the main nav item "Photo" is not clickable. The odd thing is that in the inspector there appears to be an anchor tag in the code pointing to a link that redirects to the correct page. Does anyone know how to fix this? (screenshots attached) URL: https://www.andrewmarston.com/design Thanks!

I've read the posts about this question. The last one I see is from 2013. Is this possible yet? This seems like it should be an easy thing for Square Space to fix? My non-profit's site has a members' only area. I want to protect the top-level page ( "Members' Only") with one PW which will allow access to all the sub-pages under it. Is this really not possible? What am I missing. Thanks!

Site URL: https://www.ekafarowski.com Hello! I've been trying some different solutions that I've seen to some similar posts on the forums here, but nothing seems to be working for me. URL: ekafarowski.com I have a drop-down folder (not an index) in my navigation bar, entitled "More". The drop down options are cut off on the right side of my browser, and I'd like the entire string of text to be visible. I haven't had much luck with the following CSS codes: /* Center Dropdown */ .Header-nav-folder { margin-left: -2em !important; } ___________ [href="/more"]+.Header-nav-folder { left: -300% !important; } ___________ .Header-nav-folder { text-align: center; line-height: 1em; padding: 0.7em; } .Header-nav-item--folder { font-size: 25px; } .Header-nav-folder-title { font-size: 25px; margin-left: 4.5em; } I'm really not sure what I'm doing wrong or why these haven't worked...Any help would be appreciated! Thank-you 🙂

Site URL: http://tidewarp.net/ Hey guys. I recently asked a question to squarespace and they confirmed it is not possible to have a folder on the wexley template be a link within their design. Can anybody help me with fitting custom code to make a folder on my website a link just like the other pages in the top navigation. Thanks! / D

Hi, in navigation menu I have Folder with pages in it, normally Folder wasn't clickable only submenu so few years ago I have added this code in to the folder title to make it clickable: <a href="/indoor-moebel">INDOOR</a> and it was working flawlessly till yesterday. On Brine template now opens up first page in a folder and on Supply template it does notting as it is by default... Please help I really need this click trough function!!! Thanks in advance

Site URL: https://mandolin-dolphin-3ag5.squarespace.com Hello, How do I make the folder title of my website link to an actual page? I tried inserting the code below into the Navigation Title of my folder to link to the "Forest Values" page, but this is not working. In fact, it makes the Navigation Title to be "Forest Values</a>" when it should be "Forest Values." <a href="/forest-values">Forest Values</a> Thank you!

Looks like the folder uses the section background color on my 7.1 site but I'd like to adjust the color for that separately.

This is truly a stupid question, but I searched and searched and I cannot find a simple answer. The question is this: I'd like to upload a bunch of images not via the image block editor. I want to do some custom coding (which is ironic because I can't even figure out the most basic of things, like uploading images to a folder), which will have me pointing to various images. Currently, the only way I can figure how to do this is to upload images to a page (just for the sake of getting them online), navigating to that page outside of the editor, and then right clicking and finding the image URL, which is some horrendously long URL made up of a billion random characters, and then copying that and going back to the editor. FOR EXAMPLE. I am trying to create a simple thing where an image is displayed. You mouse over it, and the image "flips" to another image. You move the mouse and it moves back to the original image. I searched the Forums for this and found another Squarespace user who has a simple code for this exact thing. Notice his very clean image filenames in this very simple code: <img src="https://agiphoto.com/_team_portraits/jpegs/BW/Chris.jpg" onmouseover="this.src='https://agiphoto.com/_team_portraits/gifs/Chris.gif'" onmouseout="this.src='https://agiphoto.com/_team_portraits/jpegs/BW/Chris.jpg'"> Now, here's me trying the same thing but with my (placeholder) images: <img src="https://images.squarespace-cdn.com/content/v1/5872b0ea46c3c4c349f4cd05/1584999684943-20H8L9NGGJJX295OB6O7/ke17ZwdGBToddI8pDm48kP1tQSNpMG7kWETQe-RWJBZZw-zPPgdn4jUwVcJE1ZvWhcwhEtWJXoshNdA9f1qD7Xj1nVWs2aaTtWBneO2WM-vR5pUyDysrzG5BR2keipYDf7mXfb9-btHQuiwbAleQMQ/EXPERTISETEST.jpg" onmouseover="this.src='https://images.squarespace-cdn.com/content/v1/5872b0ea46c3c4c349f4cd05/1584999712681-HD3QQJKYET5LCC0GIJHT/ke17ZwdGBToddI8pDm48kP1tQSNpMG7kWETQe-RWJBZZw-zPPgdn4jUwVcJE1ZvWhcwhEtWJXoshNdA9f1qD7Xj1nVWs2aaTtWBneO2WM-vR5pUyDysrzG5BR2keipYDf7mXfb9-btHQuiwbAleQMQ/EXPERTISETEST-FLIP.jpg'" onmouseout=this.src"https://images.squarespace-cdn.com/content/v1/5872b0ea46c3c4c349f4cd05/1584999684943-20H8L9NGGJJX295OB6O7/ke17ZwdGBToddI8pDm48kP1tQSNpMG7kWETQe-RWJBZZw-zPPgdn4jUwVcJE1ZvWhcwhEtWJXoshNdA9f1qD7Xj1nVWs2aaTtWBneO2WM-vR5pUyDysrzG5BR2keipYDf7mXfb9-btHQuiwbAleQMQ/EXPERTISETEST.jpg'"> The process doesn't work and the image file thing is just a mess. So, there must be a way for me to simply create a folder called "flips" and then drop my images in there, right?

Site URL: https://www.vhomellc.com/ Is there a way to add a link to navigation folder? I want to be able to click a folder in the navbar and have it link to another page.

Hello, I am using the corrigan template and am trying to use folders to make a more practical menu. I have read some other blog posts about how to link a folder to a page and not make the page appear in the dropdown box but none of it is working. How can I make a folder a page/link to a page? Thank you for any help!!

Site URL: https://bassoon-oleander-texb.squarespace.com/ Password: 12345 Very new to this! I'm trying to make the green hover background for the text take up the full space in the folder nest (between each line) without affecting the padding of the text itself. Right now there's a white margin around the hover background due to the padding. Here's the code I'm using: .header-nav .header-nav-item--folder .header-nav-folder-content { top: auto; left: 0em; text-align: left; width: 175px; font-size: 14px; padding-top: 0px; padding-bottom: 0px; padding-left: 3px; padding-right: 3px; } .header-nav-folder-item { color: #fff ; border-top: 1px solid #b8b8b8; padding: 7px 0 !important; } .header-nav-folder-item a:hover { background: #77AF87; color: #fff !important; } Any help would be greatly appreciated!

I am looking to disable the click event that takes you to the first page in a navigation folder; I want this for all folders in my top navigation. I am using Mercer. I want to keep the hover and drop down actions but when you click the folder text it is not clickable and does not take you anywhere. I have found many replies to this on Google but SquareSpace must have reindexed/relinked their pages because all the links on the first page of Google linking to the SquareSpace forum are dead.

Site URL: https://amethyst-nonagon-ewee.squarespace.com/config/design/custom-css Hi! Currently adding folders to my site structure and would love the dropdown text to be left aligned and not twice the width like it currently is (see attached image) is there a custom CSS way of doing this? Thanks D

Site URL: http://www.lyttaboutique.com Hello, I have an issue with my shop - does anyone know how how to change to code so that the main page of a folder does not link to the first page, and instead just shows the drop down menu? Thank you!

Is it possible to make a navigation folder a clickable link? I would like to have a hover option for a various services but also a unique clickable landing page for our services.

I have a main "About Us" page with three sub-pages (SquareSpace 7.1). I'd like site users to be able to hover over the "About Us" tab in the header and be able to both: a) Click the header tab to access an "About Us page and b) Hover over the header to trigger a drop-down folder which can direct users to the sub-pages. I'm told by SquareSpace that this can only be achieved through coding. Does anyone know what coding steps to take to make this work? Thank you in advance!

I'd like to place a few Categories into a folder, and have the Main Link (the Folder itself) actually link to a Category too. How is that possible? Example: I need the Folder Link (Decorate) to actually take people to the Category for Decorate so I don't have to list it inside of the Folder. So basically my question is how do I turn the Folder Link into an actual link? I saw your other thread about this but it doesn't work if the links are External Links, which these are... Thanks!

Hi all, I'm trying to find a way to center the text in the hover/dropdown menu on a site using Brine. It's a folder in the primary navigation menu. I used the CSS from this thread but it's not working. Site: https://opossum-polygon-pjlg.squarespace.com/ Password: charliedog Template: Brine Any help gratefully received! Rikki

I'd like to customize the way folders display on mobile (Bedford template) by manipulating CSS rather than switching to developer mode and changing the html. I want the folders to default display as expanded rather than users having to use the shitty + icon as a drawer drop down. OR If it's easier to manipulate the display style of the drop down icon I'd like it look/act the same way as the main mobile drop down nav with the 3 horizontal bars. Please help.

Does anyone know what code I need to use to change the font of a FOLDER in the main navigation to a custom font? The font is working, and the css code I have works for the navigation menu, but only the ones that are not a folder. Many thanks for your help! Isabelle

Dear community I have added the following CSS code to underline the active pages on my page. .main-nav ul li.active-link a, .main-nav ul li.active-link a:active { text-decoration: underline !important; } .main-nav a:hover { text-decoration: underline !important; } Now the problem is that the whole navigation folder gets underlined, but I only want the actual site. How can I do that? Somehow excluding the other pages in the folder? Here's my page: pascalreinmann.com Thanks for you help!

I have a folder in my nav bar, which works great on desktop. However, it doesn't work for me on mobile. I need a way to have just the nav links that are IN the drop down menu folder on mobile. I really need a way to have the folder on desktop nav bar, but only the links in mobile. Any suggestions? I am up for any code injections, or custom codes that will accomplish something like this. My template is Mojave. Thank you in advance for the help!