Skip to main content

Hi!

We’d like to create an ideation category that is ‘visible’ to any member, but the category isn’t in the Community menu. So, it’s sort of like creating an unlisted video in youtube: anyone can get to it, but only if they have the url. 

 

The ideation category will be for a specific product that we’re launching, and we only want limit the area to only folks that are using it. The reason that we don’t want to create a group and then limit that category to that group is that it will create an extra layer of friction between clicking on a link to give feedback and being able to share the feedback in the Community. Even with automation, we can’t gaurantee that a member will be given the relevant role before they get to the category to share their idea.

 

Is it possible to use CSS to hide a menu item? My teammate took @nicksimard a look and we can see that there is a main-menu-list__item.li and you can specify the nth child and set the property to   display:none; but we’re getting stuck figuring out how to hide a specific category, rather than a whole section of the menu. We can set up the category as a parent or subcategory, whatever would work to be able to hide it. 

 

Or can anyone think of another way of doing it?

 

It thought I had an ingenious solution when I named the category “ “ but for some reason, that caused an issue when you tried to navigate to the category :stuck_out_tongue_winking_eye:

So I was thinking about this in the last couple of days, I am wondering if you only want to hide this category from the menu drop-down list (top right of the page) or also from the category list on the homepage?

I know that we helped removing it from the menu list before, so I think it should generally speaking be possible to do that. My colleage @tom.shaddock might be able to point you to the right direction and also help you to remove the category from the homepage.


Thanks Julian, our resident expert CSS tinkerer @nicksimard figured it out! 

 

We don’t currently have the categories on our home page, so that’s not a problem, but thanks!


Happy to hear that. If there is anyhting you need help with, just let us know!


@danvers any chance you and @nicksimard would be willing to share the steps you took to accomplish this in this thread? That would be greatly appreciated! :) 

 

Thanks!


@danvers @nicksimard  I would love for the solution to be shared as well! :) 


Btw I worked on something related lately and was able to hide individual menu elements and only hide the first item of a CSS class. You can find an example of this here: https://css-tricks.com/almanac/selectors/f/first-of-type/

There is most likely a way to also only hide the third etc., but I am not good enough with CSS to say how it has to be done.


Reply