Jump to content

Hide page in navigation (code)

Go to solution Solved by Beyondspace,

Recommended Posts

Site URL: https://ambiancesimone.com/accueil

Hi all,

I'm building a site for a client with integration to Ecwid. I usually don't play with integration & only do design, but I had to on this one (so she can use Square Up for her inventory & payments). That said, it brings many small challenges to showcase the shop from Ecwid. I'm almost done, yay!

But when I click on "maison" in the main menu, it brings me to the first subcategory "vases & jardinières", I would like to avoid this & that when we click on "maison" it will bring to the "maison-1 page" where I will showcase every category visually, but without it appearing on the drop-down menu. Does someone would have the code for this? I will need it for every item that has a drop-down menu. 

There would also be an option if I can prevent the main categories to be clickable, but I don't know either how to do this.

Hope I was clear in my explanation (my main language is French). A big thank you in advance for your help. 🙂

Capture d’écran 2020-11-05 à 20.45.14.png

Link to comment

This is can be by edit template but it's not encourage so could you allow custom script injected to stop the click on the folder item?

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
  • Solution

This will prevent click, Add it to Settings->Design->Custom Css

.Header-nav-item--folder > .Header-nav-folder-title {
  pointer-events: none;
}

image.thumb.png.0c9b8ab9626e1c2ad81380bd1ff5afbb.png

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
1 minute ago, marianne said:

@bangank36 Thank you very much it did work wondefully!  👌💥  So happy 😃

Could you tell us your template name so other people with same issue can follow?

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

@marianne I see your site has some problems, Below is detail + solution.

1. (Tablet) Navigation looks ugly...

You can add it into Design > Custom CSS

/* Fix nav on tablet */
@media screen and (max-width:900px) and (min-width:641px) {
.Header-inner.Header-inner--top {
    flex-direction: column;
}
.Header-nav-item {
    margin: 0 1.5em !important;
}
}

image.thumb.png.eeaa89c84f02f9609a66ddbb719c5de3.png

2. (Tablet) text a bit narrow.

If you need to increase width on tablet only, let me know, we will give the code

image.thumb.png.0f9b74d3d351a90fc6c09ea15ce0eec2.png

3. (Mobile) Panier text on mobile menu is too small. Add this to Design > Custom CSS to adjust size

/* Panier text size */
a.Mobile-overlay-nav-item[href*="/cart"] {
    font-size: 35px !important;
}

I think your site has still some similar problems on other pages. You can check again carefully on Tablet/Mobile.

If you need to fix any other problems, just post on forum, we alway ready to help.

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.