Site logo

[Resolved] how to hide the category for geek theme?

Home Forums Support [Resolved] how to hide the category for geek theme?

Home Forums Support how to hide the category for geek theme?

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #2451502
    jason

    There are 3 categories below the Primary Navigation, how do hide the category- “hide category” on the homepage and archive page?

    https://thesupplying.com/few-question-for-geek/#more-2514

    Thanks again.

    Jason

    #2451910
    Ying
    Staff
    Customer Support

    Hi Jason,

    Do you mean to remove the category section from the Geek template?

    #2452245
    jason

    yes, how to remove one or more categories for geek theme?

    Thanks

    #2452248
    Leo
    Staff
    Customer Support

    Are you trying to remove this?
    https://www.screencast.com/t/AdGpro39eE

    If so you would simply need to remove that category.

    #2452325
    jason

    Leo:

    What I need is hige the category, not remove.

    Thanks

    Jason

    #2452333
    Fernando
    Customer Support

    Hi Jason,

    You can try adding this through Appearance > Customize > Additional CSS

    a.gb-button[href="https://thesupplying.com/category/hide/"] {
        display:none;
    }

    This won’t display GB Buttons with this link: https://thesupplying.com/category/hide/

    #2452361
    jason

    Thanks for the help, I have added the code to additional CSS, but it seems not working, the category below does not hide.
    https://thesupplying.com/category/hide/

    Thanks

    Jason

    #2452375
    Fernando
    Customer Support

    It should work for this link: https://thesupplying.com/few-question-for-geek/#more-2514

    For a page like that, you’ll need a different CSS. Try adding this:

    ul.wp-block-categories-list.wp-block-categories li:has(a[href="https://thesupplying.com/category/hide/"]) {
        display:none;
    }
    #2452401
    jason

    https://thesupplying.com/category/buy-from-china/

    Really thanks for the help, how to modify the code to hide another category like the above “buy from china”

    ul.wp-block-categories-list.wp-block-categories li:has(a[href=”https://thesupplying.com/category/hide/”%5D) {
    display:none;
    }

    #2452406
    Fernando
    Customer Support

    In the code, I’m using the link of the category to hide it. So you can try this:

    ul.wp-block-categories-list.wp-block-categories li:has(a[href="https://thesupplying.com/category/buy-from-china/"]) {
        display:none;
    }

    If you want multiple categories hidden in one code, you can try this instead:

    ul.wp-block-categories-list.wp-block-categories li:has(:is(a[href="https://thesupplying.com/category/buy-from-china/"],a[href="https://thesupplying.com/category/hide/"])) {
        display:none;
    }
    #2452662
    jason

    Deeply thanks for your help.

    #2453835
    Fernando
    Customer Support

    You’re welcome, Jason!

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.