Sidebar Banner is hidden in mobile.

[techwithanirudh]

I’m using the sidebar banner to display an “Ask AI” button with a Trigger component. It displays correctly on the desktop sidebar, it's not visible in the mobile sidebar.

  sidebar: {
    banner: (
      <Trigger
        className={cn(
          buttonVariants({
            variant: "secondary",
            className:
              "shadow-none gap-2 border bg-fd-secondary/50 p-1.5 text-sm text-fd-muted-foreground justify-start hover:bg-fd-accent hover:text-fd-accent-foreground rounded-lg max-md:hidden",
          })
        )}
        data-ai-search-full
      >
        <MessageCircle className="ms-1" />
        Ask AI
      </Trigger>
    ),
   },

[fuma-nama]

You put max-md:hidden to your class name

[techwithanirudh]

sorry 😅