![]() If you drag one in by accident, don’t freak out. Using my previous example, I’d drag my website design services page, my retainer design services page, my consulting services page, and maybe my onboarding page into that Services folder group, so that those are the pages which display in the drop-down. PRO TIP: It doesn’t matter where they currently are in the Pages menu, you can drag from Not Linked to Primary or Secondary nav if you want! Next, drag the pages into that folder group. make it clear what viewers will find there so they don’t give up & sign off. Don’t label it something that is cute, snarky, etc. My one tip here would be to make it clear & concise. So if you have a service based business, you could do add all of your pages for specific services under this drop-down category. It will automatically create space for you to title this section, and you’ll want to keep the title related to the content you’ll be placing inside. It will add a folder to that menu section, in this case the Primary Navigation area, since we want this to appear in the main menu of the website. In your Pages menu, click the + to add a new page type, then go to the bottom & select “Folder.” This feature is so easy to use that it can be done in about 60 seconds. Webflow has a pre-built dropdown component which you can simply drag and drop into your navbar or anywhere on your page. If you have already written the title, select it with your mouse and then choose Heading 1 from the menu. If you have yet to write the title, click on Heading 1 and then write your title. How to create drop-down menus in your primary website navigation on Squarespace For the Classic Editor, all you have to do is open the drop-down menu on the Paragraph item on the menu bar and choose Heading 1 among the heading options. Since it’s not obvious, even to the technically savvy like my sister, I’m sharing this quick tutorial with you! Let’s get to it. That situation made me realize that I had taken my own knowledge for granted & assumed she knew, but it’s actually not an obvious thing. We’re actually in the middle of a total site redo anyway, so it’ll be fixed going forward. #Square space drop down menus tags code#CSS code to show and hide the submenus when the parent menu items are hovered. I dropped the ball on that for her, not that she was pissed about it, but I felt a bit bad about missing that detail. Use fly-out (or drop-down) menus to provide an overview of a web sites. #Square space drop down menus tags how to#It was like that because she didn’t realize Squarespace has the ability to create drop-down menus, or how to do it obviously. So, imagine my stupid moment, when a couple years later, I realize she doesn’t like the long string of navigation links across the top. From there, you’ll add in the LINK option and link to your INDEX PAGE or an external link as well. Actually, I set up the basics for her and she took it over from there, transforming it into whatever she needed it to be. You’ll first want to drag and drop these INDEX PAGES to your NOT LINKED. My older sister’s gym website was one of my first client sites that I built on Squarespace. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |