איך להתאים אישית את תפריט הנפתח

סיכום מבוסס בינה מלאכותית

The discussion revolves around customizing the hamburger menu in the Minima theme on Discourse. sofi.pocketful seeks to modify the menu’s appearance and content, such as removing items like “Cakeday” and “Tags” and changing its shape. Jonathan5 suggests searching for “hamburger menu” customization and provides a relevant post. awesomerobot explains that CSS can hide menu items (e.g., display: none;) and links to a component for adding links. meghna advises forking the Minima theme to apply CSS changes and confirms the component works for adding links. sofi.pocketful clarifies that while adding links works, she needs help altering the menu’s layout and removing specific options, asking if CSS or a new component can achieve this.

Hi there, I have the Discourse theme Minima, and I have been looking for ways to customise my dropdown menu.

However I can not find anywhere to customise/delete/add the options in the dropdown menu. Could someone help me?

They call it a hamburger menu, so that’s something to search here for. Here’s one post that could be useful: Customizing the Hamburger Menu - #2 by JimPas

Also search for the American “customize” :slight_smile:

This theme component makes it easy to add links to existing sections:

The easiest way to remove options is to hide them with CSS, for example:

.hamburger-panel .top-topics-link {
    display: none;
}

Thank you Kris!

Where should I paste the code? I’m not able to edit a theme CSS and when I try do it in an active component it doesn’t seem to do anything..

Hi Sofi,

To customize the hamburger menu via CSS, you can fork the Minima theme and paste the code in your fork.

What are you trying to do? I verified that the theme component is working fine. I was able to add new links via the Custom Hamburger Menu Links component.

Hi Meghna,

I can add links to my hamburger menu, but I can not add or delete items to it.

I would like to customise the shape and what is written inside my hamburger menu. For instance my hamburger menu looks like this:

But I would like it if it could look something like this:

I want to take things out such as “Cakeday, “Tags”, etc. And make the shape more square-like rather than rectangular-long. Is there a CSS code for it and I can create a new component to edit it?