seb-cardcastle

Thank you AndreaDube! Using the full link made it work perfectly 😀

Hey tuanphan, Sorry! Those aren't the nav items that I was having trouble with. The Features, Reviews, Pricing and About Us links on the home page (the one you're on in your video) have always worked properly. The one's I'm having trouble with are the nav items in the CardBot folder (Book a Demo, Features, Pricing, ROI). I'll link a video below of what's happening. When I'm on the home page, clicking any of those CardBot links takes me to the CardBot page but doesn't scroll to that section. If I'm on the CardBot page they work properly.

Hey tuanphan, I haven't changed anything since posting this thread. It still doesn't seem to work for me. I normally use Chrome but I've tried in Firefox and Safari and it's not working there either. Was it working for you when you tried it out?

Site URL: https://cardcastle.co Hello 🙂 My website has items in the navigation bar that link to sections of another page (the Book a Demo, Features, Pricing and ROI items in the CardBot nav folder). When I'm editing the site on Squarespace, clicking those links takes me to the CardBot page and jumps to the relevant section. However, when I'm browsing the site normally, clicking those links only goes to the CardBot page (but doesn't jump down to the relevant section). If I'm already on the CardBot page, clicking the links in the nav bar will work properly and jump down to the section. Is there anything I can do to make sure those anchor links work as expected?

Solved! Thanks for your help Creedon 🙂 I ended up using the original CSS used in my first reply: .Header-nav-item[href*="cardbot specific item"], .Mobile-overlay-nav-item[href*="cardbot specific item"] { display: none; } I found a way to specify the CardBot specific items (referencing the link address rather than the name of the item). So I used one of those for each CardBot specific item that needed to be hidden and one for each item that was to be hidden on the CardBot page (using the #collection ID so it only works on that page). Then, also using the #collection ID, I forced each CardBot specific item to be displayed on the CardBot page only. It looked like this: #collection-624a3eb14e60c9138593b5a8 { .Header-nav-item[href*=demo], .Mobile-overlay-nav-item[href*=demo] { display: initial !important; } On a separate note, I also wanted to stop the CardBot navigation item from linking to itself. I used the following to do that: a.Header-nav-folder-title[href="/cardbot-menu"] { pointer-events: none; }

The above didn't quite work because of the matching navigation items (Features and Pricing). Is there a way for me to specify that only the second navigation item with that name should be hidden?

Quick update: I think I've figured out how to hide the CardBot specific items on all the other pages. I'm using the following code in the Custom CSS for the whole site, copying it for each item: .Header-nav-item[href*="cardbot specific item"], .Mobile-overlay-nav-item[href*="cardbot specific item"] { display: none; } Now I just need a way of not hiding them and hiding the others on the CardBot page.

Site URL: https://cardcastle.co Hello 🙂 I'd like to have one page of my site have different navigation items to all the other pages. I'm struggling to find a way to do it though! The items in the main navigation bar currently are: Home Features Reviews Pricing About Us CardBot I'd like those displayed on every page except the specific CardBot page (https://cardcastle.co/cardbot). On the CardBot page, I'd like to have the following: Book a Demo Features Pricing ROI The Features and Pricing items on the CardBot page navigation bar would link to specific sections on the CardBot page, not the same ones as the main one links to. Can anyone suggest a way to achieve this? I was thinking that I could have all of the items in the navigation bar but hide the CardBot specific items on all pages except the CardBot page. On the CardBot page, I'd hide all of the items from the main navigation bar. Is that a possibility?