Click Save and now you have a more custom look for the default blog page in Squarespace 7.0. The last thing that you can do here is to go to Settings and click on Media. To change that, just modify the code in Step 4 so that instead of " top: 60px " it says whatever spacing you want from the top of the screen. You can also add, for example, a search bar block and an archive block that’s set to display categories in a drop down menu. The final option is to move the mega menu up or down to sit below your regular menu wording. So if you want a full-width mega menu, set " left: 5vw " so that there's no spacing on the left. If you change the width, make sure you adjust the " left: 5vw ". So full width would be " width: 100vw " for example. To make the mega menu more or less wide, modify the code in Step 4 so that instead of " width: 90vw " it says whatever width you'd like. Select a page to place the YouTube plugin to from the dropdown Pages menu. To change the background color of the mega menu, just go to DESIGN → SITE STYLES and look for the " Folder Color" option and change the color as needed. Youtube WixThe first is to use the Wix Video Player, which is an embeddable. Cover pages present information in a single bold page that can be styled independently from the rest of you. Header-nav-item-folder:nth-child(4)" appears in the CSS. 1) Jump into your website from the Squarespace dashboard 2) On the menu on the left hand side, click PAGES, then click on the + icon and select Cover Page. This video is applicable to Squarespace 7.0 only. If your folder is the 3rd menu item for example, change the 4 to a 3. Header-nav-item-folder:nth-child(4)" to match whatever position your menu folder is. You have to uncheck the box for Display site title then your site Title wont be visible on Home page. Learn about all important CSS properties from the basics with our extensive and. Go to SETTINGS → ADVANCED → CODE INJECTION and copy and paste the following code into the HEADER section. Inspirational Website of the Week: HA-LABO A beaut. You can use as many columns as Squarespace will allow, but I recommend 3-4 so it doesn't get too cluttered. Click EDIT on this section and build out your mega menu how you want it to appear. Hover over the footer until you see the section for Footer Top Blocks. Go to any page on your website while logged in and scroll down to your footer. Step 2 - Creating a Mega Menu for Desktop In your main navigation, create a folder and insert the links that your mega menu should display on mobile. Since there isn't room on a mobile screen for a mega menu, we'll need this menu as a fallback. Step 1 - Creating the Mobile Fallback Menuįirst, we're going to build out the menu as it'll appear on mobile. If you're using a different template, you WILL need to modify the code slightly to the classes that your template uses. Please note: These instructions will work for any template in the Brine family. Go to DESIGN → SITE STYLES and look for AJAX LOADING and disable it by unchecking the box beside it. If you've ever looked into creating a mega menu on Squarespace but been disappointed when you found out that you can't, this mega menu tutorial is for you!īefore we begin, if your template has Ajax Loading.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |