Search the Community

hi, I am currently working on the Five template and have drop down folder on my navigation bar. My background is light pink, however the outline of the drop down folder is red and I really can't seem to change this! It's driving me mad!I've tried different CSS codes and looked through site styles but can't seem to find how to fix these. I would like to change the red outline to either hsl (0,100%, 97%) or hsl (0, 0%, 27%). If anyone has any advise, please let me know!

I want to change the background color of the folder without affecting the header color. How do I do that?

When my navigation is over a banner in Brine the folder nav links show the same color as my folder background color on hover. I don't want to change the active nav link color, just the hover color for links in a folder.

How do I add a folder to an existing page on my web site

I've created a website using the Hayden template and I would like to add a dropdown navigation to the main menu so that users can quickly navigate to a specific section within an index from the menu. Right now, the theme only supports the top level index page to appear within the main navigation, and I would like to be able to reveal the sections within the index in a dropdown menu upon hover. This would likely involve creating anchor tags for the different sections and then referencing them in the dropdown menu, but I'm not sure what code I need to inject in order to achieve this, and how to do it without breaking the navigation for tablet and mobile. I've seen others attempt to do this by creating folders and then referencing the index sections as a page within a folder, but this doesn't achieve the effect I'm looking for because, if a user clicks on the section within the dropdown navigation, it will only reveal that particular section and the user cannot scroll up or down to view the other sections. Does this make sense? In short, what I'm looking to do is to create dropdown menu navigation for the sections within an index using anchor tags. Any suggestions and coding wisdom are welcome!! Thanks!

As brought up here: http://answers.squarespace.com/questions/8532/folder-navigation-top-folder-doesnt-link-to-anything-can-i-get-it-to-or-remove-link-behavior Folders should have a click through link so that it can be clicked to go to another page. It should work the same as a regular folder in that it should still have an active colour if that has been set so that if you are on a page that is held within that folder or the page the folder link is connected to the "active color" works. Please vote up if you agree. Another possible option is to make a special kind of page that works like a folder in that anything placed under it shows up in navigation as a drop down but it is also a normal page and can have content on it. That would save having to create a special no linked page that works with the pass through. Maybe have a check box or such for people that want it to just act like a normal Folder.

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!

My CSS seems to work fine on all my browsers, but it is messing with how it displays on my mobile device. Particularly, I am referring to the navigation folder. Is there CSS that will tell it to ignore mobile devices? Or do you have any suggestions for how I could alter my CSS so that it will have the same results without affecting mobile display? Here's the website Here's the is the relevant CSS: #header {border-bottom: 5px solid #a8aab1; padding-bottom: 0px;} #header .primary-nav .nav-link, .folder-wrapper {line-height: 35px; margin-top: 51px !important; border-top-right-radius: 10px; -webkit-border-top-right-radius: 10px; border-top: 1px solid #a8aab1; border-right: 1px solid #a8aab1; border-left: 1px solid #a8aab1; height: 40px !important; background-color: #d1d3da !important; height: 30px !important;} #header .primary-nav .nav a:link, .folder-wrapper .show-folder {padding-left: 5px !important; padding-right: 5px !important;}

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. Anyone know how to hide this? Cheers

The menu we’ll be creating features two sub categories that appear once the parent link is activated by a hover. The first series of sub-links appear underneath main nav bar, then the second series of links fly out horizontally from the first dropdown. How can i do it?

I’m amazed that no straightforward solution exists to customise the current page active link. In Bedford, using the 'Nav Link (Active)' property changes link colour of the current page and also all other links on mouse hover. A specific property for 'Nav Link (Current Page)' is required. My code doesn’t work, so any ideas you may have will be much appreciated: #headerNav nav .active-link { color: #d14836 !important; } This method works in the Dovetail template, but it has no effect in Bedford: #topNav ul li.active-folder a { color: #d14836 !important; }