Boxboxbetty Posted February 8 Share Posted February 8 What I Did I created an invisible link as the first item in my dropdown and repositioned the dropdown higher to create the illusion of clicking on the folder link. Disclaimer: I have no formal development background but took pieces of what folks suggested to make this solution. There are very helpful tutorials out there if you have access to Squarespace's Code Injection but for now, I didn't want to upgrade my account to use this. Step by Step Go to Pages > create the landing page that you want your folder to direct to > move this page under the Not Linked section Go to Pages > set up a Folder > click on 'Add Page' > choose 'Link' and enter the slug for your landing page > make sure the Link is the first item in your dropdown Go to Folder > add the rest of links you want in your dropdown. (This tutorial is clearer when you have this in place.) Go back to Design > go to Custom CSS Add this code to move your dropbox higher > adjust the margin-top to line up overlap your folder name div.header-nav-folder-content { margin-top: -1.5rem;} Then add this code to make the first item in your dropdown invisible. This way, it looks like you're clicking the folder name but you're actually clicking the first link in your dropdown. .header-nav-folder-item:first-of-type a { opacity: 0;} Press save and that's it! tuanphan 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment