Jump to content

Hide page in navigation (code)

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
  • Replies 6
  • Created
  • Last Reply

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?

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

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

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
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?

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

@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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.