None of the Tailwind media querys work

Hello everyone, im trying to implement a header menu from flowbite, the first one from this [link].(Tailwind CSS Navbar - Flowbite) Everything seems to work except the media query parts of Tailwind, stuff like “md:flex-row, md:hidden”


I have tried npm run dev, and npm run build
Here is my package.json if that helps

{
  "name": "sage",
  "private": true,
  "browserslist": [
    "extends @roots/browserslist-config"
  ],
  "engines": {
    "node": ">=16.0.0"
  },
  "type": "module",
  "scripts": {
    "dev": "bud dev",
    "build": "bud build",
    "translate": "yarn translate:pot && yarn translate:update",
    "translate:pot": "wp i18n make-pot . ./resources/lang/sage.pot --include=\"app,resources\"",
    "translate:update": "wp i18n update-po ./resources/lang/sage.pot ./resources/lang/*.po",
    "translate:compile": "yarn translate:mo && yarn translate:js",
    "translate:js": "wp i18n make-json ./resources/lang --pretty-print",
    "translate:mo": "wp i18n make-mo ./resources/lang ./resources/lang"
  },
  "devDependencies": {
    "@roots/bud": "6.12.2",
    "@roots/bud-tailwindcss": "6.12.2",
    "@roots/sage": "6.12.2"
  },
  "dependencies": {}
}

For anyone wondering, there was a problem with some package, so after runing inside the theme directory:

rm -rf vendor/
rm -rf node_mdules/
composer install
wp acorn package:discover
yarn install
yarn build

Everything was okay.

2 Likes