Hide page in navigation (code)

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. 🙂

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?

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

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

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

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?

@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;
}
}

2. (Tablet) text a bit narrow.

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

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.

@bangank36 It' with the Clay template 🙂