Add Sub Headings to Squarespace Folder Dropdowns

[@PhoenixAnthem]

man -- I've been looking for this exact thing for MONTHS.... and then it randomly popped up under recommended out of nowhere. THANK YOU!

[@SEWebDesign]

I’m so glad! You are welcome!

[@mcahmbee]

You are amazing! Thanks so much for making it so easy by providing us with the codes and the tutorial. Really appreciate this. You've gained a new subscriber by the way.

[@SEWebDesign]

Great to hear! I’m glad it was helpful!

[@carolinathaihealingarts7857]

Thank you! Super helpful and just what I was looking for to help my site organization!

[@SEWebDesign]

I'm glad to hear it! You are welcome!

[@lifepure9602]

Hi! Your video is really helpful thankyou so much but I have a question. How can the folder option like "service" will be clickable and go to the Service page? Thanks in advance

[@SEWebDesign]

I haven't found a way to accomplish that in 7.1. In my CSS toolbox course I have some code that makes folder titles click through to the first link in the folder. But that is the best I have been able to accomplish

[@CatSirdel]

Thank you so much for this video!! Is there a way to make these bold subheaders the top of a new column? For example, "in person" would show up as a new column right next to the "digital" column. I have been looking every where, and spent much time on AI platforms but cannot figure it out!!

[@SEWebDesign]

I think Insidethesquare just released a video about this on their channel!

[@CatSirdel]

@@SEWebDesign Thanks, I'll go check it out!!

[@lilcapaldi98]

First of all, thank you for the video, it was a big help! Would you happen to know of any way to arrange the drop down menu so that it would list things horizontally as well? The site that I am building has a lot of options under the same drop down, it can be a bit intimidating to look at the linear list! Thanks again!

[@SEWebDesign]

Are you thinking like a multi-level dropdown? Where links in the dropdown could have sub dropdown options to the right? It is a customization I have done for people and it is definitely something I could assist with. Send me an email if you are interested!

[@mitchelliasandra]

Oh my God. It is such a blessing to find your channel. Thank you so much! I want to ask about another thing. It's about the logo. Could we change the direction of the page after we click the logo on the header?.. Because it always goes directly to the page which is a homepage.

[@SEWebDesign]

You could use javascript to change the link on a certain page. You can send me an email for custom code help!

[@mitchelliasandra]

​@@SEWebDesign ​ So, is it means I need to have access to something like "code injection" in Squarespace? Right now, I am using the personal plan which only can input code in custom CSS. 😅 I am a newbie in code and Squarespace, I am sorry if I am including the wrong information here.

[@SEWebDesign]

@@mitchelliasandra yes, you would need access to the code injection which would require the business plan or higher

[@mitchelliasandra]

@@SEWebDesign i see.. I think, I need to consider about changing the plan then, if the budget is still meet my budget. Is that okay if maybe I email you for your help about the code in the future?.. And thank you so much for all your reply. I really like your channel. It's help a lot

[@SEWebDesign]

@@mitchelliasandra yes, you can email me in the future

[@shayalee7678]

Can i di this on Safari in Apple or is this only available for Chrome ? Btw thank you the information, game changer !

[@SEWebDesign]

This should work on all browsers

[@danielcastro4930]

This was great. Thank you!

[@SEWebDesign]

No problem Daniel! I'm glad it was helpful!

[@cozybeatsco8266]

Hi, thanks so much for this! is there a way to make those headings clickable to a link as well?

[@SEWebDesign]

Since they are links you can give them a click through URL. But then you would need to change the CSS to style those individual links as headings as opposed to the method I show in the video.

[@MadisonxMarie]

@@SEWebDesign Help! how do I do that? I need my sub-headings clickable so that they lead to their own page. Thank you

[@DavidLowe-l2d]

For some reason this didn't work for me, idk if you have any suggestions?

[@SEWebDesign]

It's hard to say as anything could be the culprit. I'd start by double checking the link to make sure the naming is correct

[@phill4520]

Hi Chris! Do you have a similar set of instructions for Brine sites on 7.0? Any direction would be much appreciated!

[@SEWebDesign]

I don't, but I am happy to do any customization for you. You can hire me through my site!

[@mitchelliasandra]

is the code also work for the mobile? Because when I check the mobile preview, the sub-heading is still clickable.

[@SEWebDesign]

I have adjusted the CSS in the blog post so that it is not clickable on mobile.

[@mitchelliasandra]

@@SEWebDesign Oh my! Thank you so much. You're so generous.

[@cottonsky7258]

Hello. Is the rollover effect can be applied on mobile too?.. I already put the code and after I tried to choose one of the headings on the menu, nothing happen on it. I just expect, a different colour will appear after I click or choose the heading.

[@SEWebDesign]

The sub headings are not links so they don't have any interaction on desktop or mobile. They are simply dividers to organize links in the dropdown.

[@cottonsky7258]

@@SEWebDesign thank youu

[@cottonsky7258]

@@SEWebDesign Do you have any video which talks about colour which appears after we click the heading on the menu?

[@SEWebDesign]

@@cottonsky7258 no I don't. But you can email me to hire me for custom help!

[@cottonsky7258]

@@SEWebDesign great, thank you!