![]() Es ist kostenlos, sich zu registrieren und auf Jobs zu bieten. 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. Suchen Sie nach Stellenangeboten im Zusammenhang mit Country state city drop down list using javascript in php, oder heuern Sie auf dem weltgrößten Freelancing-Marktplatz mit 22Mio+ Jobs an. 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. 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. Header-nav-item-folder:nth-child(4)" appears in the CSS. ![]() 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. Go to SETTINGS → ADVANCED → CODE INJECTION and copy and paste the following code into the HEADER section. You can use as many columns as Squarespace will allow, but I recommend 3-4 so it doesn't get too cluttered. How To Get Image To Stop Resizing When Stretched Elementor. This time, unlike green, you cannot click it. When the shaped button turns green, you are ready to publish. Click EDIT on this section and build out your mega menu how you want it to appear. Click the small eye icon to see all the changes to your page. Please note, you must be on the Squarespace Business plan or higher to use this. Hover over the footer until you see the section for Footer Top Blocks. On your dashboard, click DESIGN and scroll all the way down to CUSTOM CSS. 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. ![]() Lets take a closer look at each of these changes. 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. This code will change the line height and margins in the drop-down menu, as well as the background color.
0 Comments
Leave a Reply. |