I want the logged out user interface as simple as possible so I was wondering if I could hide tags and badges from the hamburger Menu only for guests. I know this can be done easily with CSS from this post - [image] How can hide the 'Latest', 'Top', 'Badges' and 'Categories' in the hamburger menu? Support We want to keep the menu simple to our users. We would like to hide the ‘Latest’, ‘Top’, ‘Badges’ and ‘Categories’ in hamburger menu. Our web: https://amzdis.com (Amazon Discount Code) [hide menu] How can hide the ‘Latest’, ‘Top’, ‘Badges’ and ‘Categories’ in the hamburger menu? But how do I check for the condition that user is a guest and then hide menu items? I probably need to call a function to check this ( just like WordPress) but I have no idea how that would work in Discourse. Can someone please help?

Anonymous users have an anon class you can target, so you could use something like: .anon { .hamburger-panel .menu-panel { a.latest-topics-link, a.top-topics-link, a.badge-link, li a.categories-link { display: none } } } (I just added the anon class to the example from the other topic. You would need to tweak it to hide the specific things you wanted)

[image] JammyDodger: .anon { .hamburger-panel .menu-panel { a.latest-topics-link, a.top-topics-link, a.badge-link, li a.categories-link { display: none } } } This worked like a charm. Thank you! Only thing left to hide is the tags link but it does not seem to have it’s own class. How do I target it? With widget-link class it hides the About, FAQ and Mobile View links. [image]

This one seems promising: [image] Removing "Tags" From Hamburger Menu with CSS Support .menu-panel li a.widget-link[href="/tags"] { display: none; }

[quote=“Removing “Tags” From Hamburger Menu with CSS, post:2, topic:160196”] .menu-panel li a.widget-link[href=“/tags”] { display: none; } [/quote] Perfect. This is the final code that worked. I also hide the separator bar. Thank Jammy! /*hide tags and badges link from hamburger menu for guests */ .anon { .hamburger-panel .menu-panel { a.latest-topics-link, a.top-topics-link, a.badge-link, li a.widget-link[href="/tags"], .menu-container-general-links { display: none } } }

Hide Tags and Badges from Hamburger only for guests

Product Support

JammyDodger June 27, 2022, 6:23pm 4

This one seems promising:

Topic		Replies	Views
How can hide the 'Latest', 'Top', 'Badges' and 'Categories' in the hamburger menu? Product Support	4	1224	January 30, 2021
Hiding items in hamburger menu Product Support	2	801	August 3, 2022
Removing "Tags" From Hamburger Menu with CSS Product Support	2	761	August 8, 2020
How can I hide the Badges link in the sidebar? Development css , sidebar	10	1214	November 21, 2022
Removing all categories (or just "uncategorized") from hamburger menu Product Support	8	1485	October 12, 2020

Hide Tags and Badges from Hamburger only for guests

Related topics