lievenb Posted November 5, 2021 Share Posted November 5, 2021 Hi, I'm on ISHSIMOTO 7.0 and would like to add a navigation link on specific pages only. Any idea how this can be done. Link to comment
Beyondspace Posted November 5, 2021 Share Posted November 5, 2021 1 hour ago, lievenb said: Hi, I'm on ISHSIMOTO 7.0 and would like to add a navigation link on specific pages only. Any idea how this can be done. I've try the following steps: 1. Add the navigator link as usual 2. Set Css to set none display to this navigator (for all pages) 3. Set Css to set display block to this navigator in some specific page id My testing Css /*set no display for the new navigator*/ .header-nav-item.header-nav-item--collection >[href="/Yournavlink"] { display: none; } /*Set display for new navigator in some specific pages*/ specificpages Id .header-nav-item.header-nav-item--collection >[href="/Yournavlink"] { display: block; } Let me know how it works and your site Support me by pressing 👍 if this useful for you 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
lievenb Posted November 6, 2021 Author Share Posted November 6, 2021 Hi tried adding .header-nav-item.header-nav-item--collection >[href="/contact"] { display: none; } but it still shows Contact in the navigation bar Link to comment
derricksrandomviews Posted November 6, 2021 Share Posted November 6, 2021 Move any page you don't want on the nav bar to the unlinked section of your site. Link to comment
lievenb Posted November 6, 2021 Author Share Posted November 6, 2021 unlinked section is not a solution because than the page never shows up in the navigation. I'm looking for a way that the it shows up in the navigation in specific sections of the website Link to comment
lievenb Posted November 6, 2021 Author Share Posted November 6, 2021 I can hide the full navigation bar on a specific page. With CSS code below. /* Desktop - Tablet */ body#collection-616d4910a4a355709a2cb5e1 div#topNav { display: none; } /* Mobile */ body#collection-616d4910a4a355709a2cb5e1 div#mobileMenuLink { display: none; } Is there a way to hide just a single item from the navigation bar? Link to comment
tuanphan Posted November 7, 2021 Share Posted November 7, 2021 15 hours ago, lievenb said: I can hide the full navigation bar on a specific page. With CSS code below. /* Desktop - Tablet */ body#collection-616d4910a4a355709a2cb5e1 div#topNav { display: none; } /* Mobile */ body#collection-616d4910a4a355709a2cb5e1 div#mobileMenuLink { display: none; } Is there a way to hide just a single item from the navigation bar? Use this code /* Desktop - Tablet */ body#collection-616d4910a4a355709a2cb5e1 { ul#nav>li:nth-child(1) { display: none; } } 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
lievenb Posted November 8, 2021 Author Share Posted November 8, 2021 is thetre a similar option for mobile? Link to comment
tuanphan Posted November 10, 2021 Share Posted November 10, 2021 On 11/8/2021 at 4:19 PM, lievenb said: is thetre a similar option for mobile? The code is for both desktop + mobile. You try checking again 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