CQURE Posted May 11, 2021 Share Posted May 11, 2021 Site URL: https://www.uscqure.com/ My website is: https://www.uscqure.com/ I want to refer to other people’s websites and add some pictures to the navigation bar drop-down menu. The reference URL is: https://www.hadineeon.net/ Is there a way to achieve this function Link to comment
CQURE Posted May 11, 2021 Author Share Posted May 11, 2021 I tried with the following code: .header-nav-folder-content {display: flex;} .header-nav .header-nav-item--folder .header-nav-folder-content { width: auto;background-color: lightgrey !important; } .header-nav-folder-item:nth-child(1) { font-size: 27px;&::before {content:url('https://static1.squarespace.com/static/5e8df81224de683d5deb0832/t/5e90669321ab154ba4129534/1586521747705/add-image-nav-squarespace-1.jpg'); padding-right: 21px;} .header-nav-folder-item:nth-child(2) { font-size: 27px;&::before {content:url('https://static1.squarespace.com/static/5e8df81224de683d5deb0832/t/5e90669e4164e335ad04395e/1586521758115/add-image-nav-squarespace-2.jpg'); padding-right: 21px;} But all navigations with drop-down menus will add the same picture Link to comment
Beyondspace Posted May 11, 2021 Share Posted May 11, 2021 You may need to implement a mega menu on the page Squarespace: Creating a Mega Menu — Adlytic Marketing follow this instruction or consider hire a professional for achieving this BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
tuanphan Posted May 12, 2021 Share Posted May 12, 2021 On 5/11/2021 at 4:07 PM, CQURE said: I tried with the following code: .header-nav-folder-content {display: flex;} .header-nav .header-nav-item--folder .header-nav-folder-content { width: auto;background-color: lightgrey !important; } .header-nav-folder-item:nth-child(1) { font-size: 27px;&::before {content:url('https://static1.squarespace.com/static/5e8df81224de683d5deb0832/t/5e90669321ab154ba4129534/1586521747705/add-image-nav-squarespace-1.jpg'); padding-right: 21px;} .header-nav-folder-item:nth-child(2) { font-size: 27px;&::before {content:url('https://static1.squarespace.com/static/5e8df81224de683d5deb0832/t/5e90669e4164e335ad04395e/1586521758115/add-image-nav-squarespace-2.jpg'); padding-right: 21px;} But all navigations with drop-down menus will add the same picture Try this mega menu plugin ($10) by @WillMyers Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care 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