daisyui
daisyui copied to clipboard
bug: Media breakpoint doesn't seem to apply with menu-horizontal
What version of daisyUI are you using?
4.12.10
Which browsers are you seeing the problem on?
Chrome, Firefox
Reproduction URL
https://play.tailwindcss.com/let2Ry0pnA
Describe your issue
First, thanks a lot for this amazing library ๐
I tried to apply a media breakpoint to menu-horizontal
to have it vertical in small screens and horizontal otherwise, but it sounds like the media breakpoint condition does not apply in the rendering.
So I've been using the following:
<ul class="menu md:menu-horizontal bg-base-200 rounded-box">
In big screens, I want the menu horizontal, like: <ul class="menu menu-horizontal bg-base-200 rounded-box">
In small screens, I want it vertical, like: <ul class="menu bg-base-200 rounded-box">