i have a problem with a preline menu the menu works good in desktop browser also good in mobile phones browsers except chrome this is exemple of tailwind.config.js
<code>/** @type {import('tailwindcss').Config} */
export default {
darkMode: 'class',
content: [
"./index.html",
"./src/**/*.{js,ts,jsx,tsx}",
"node_modules/preline/dist/*.js",
],
theme: {
extend: {},
},
plugins: [require("@tailwindcss/forms"), require("preline/plugin")],
};
</code>
<code>/** @type {import('tailwindcss').Config} */
export default {
darkMode: 'class',
content: [
"./index.html",
"./src/**/*.{js,ts,jsx,tsx}",
"node_modules/preline/dist/*.js",
],
theme: {
extend: {},
},
plugins: [require("@tailwindcss/forms"), require("preline/plugin")],
};
</code>
/** @type {import('tailwindcss').Config} */
export default {
darkMode: 'class',
content: [
"./index.html",
"./src/**/*.{js,ts,jsx,tsx}",
"node_modules/preline/dist/*.js",
],
theme: {
extend: {},
},
plugins: [require("@tailwindcss/forms"), require("preline/plugin")],
};
index.html
<code><!doctype html>
<html class="dark" lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite + React</title>
</head>
<body class="dark:bg-[#1C1C1C]">
<div id="root"></div>
<script type="module" src="/src/main.jsx"></script>
<script src="./node_modules/preline/dist/preline.js"></script>
</body>
</html>
</code>
<code><!doctype html>
<html class="dark" lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite + React</title>
</head>
<body class="dark:bg-[#1C1C1C]">
<div id="root"></div>
<script type="module" src="/src/main.jsx"></script>
<script src="./node_modules/preline/dist/preline.js"></script>
</body>
</html>
</code>
<!doctype html>
<html class="dark" lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite + React</title>
</head>
<body class="dark:bg-[#1C1C1C]">
<div id="root"></div>
<script type="module" src="/src/main.jsx"></script>
<script src="./node_modules/preline/dist/preline.js"></script>
</body>
</html>
main.jsx
<code>import React from 'react'
import ReactDOM from 'react-dom/client'
import App from './App.jsx'
import './index.css'
import { BrowserRouter,Routes,Route } from 'react-router-dom'
import Notfound from './components/Notfound.jsx'
import "preline/preline";
ReactDOM.createRoot(document.getElementById('root')).render(
<React.StrictMode>
<BrowserRouter>
<Routes>
<Route path={'/'} element={<App/>} />
<Route path={'*'} element={<Notfound/>} />
</Routes>
</BrowserRouter>
</React.StrictMode>,
)
</code>
<code>import React from 'react'
import ReactDOM from 'react-dom/client'
import App from './App.jsx'
import './index.css'
import { BrowserRouter,Routes,Route } from 'react-router-dom'
import Notfound from './components/Notfound.jsx'
import "preline/preline";
ReactDOM.createRoot(document.getElementById('root')).render(
<React.StrictMode>
<BrowserRouter>
<Routes>
<Route path={'/'} element={<App/>} />
<Route path={'*'} element={<Notfound/>} />
</Routes>
</BrowserRouter>
</React.StrictMode>,
)
</code>
import React from 'react'
import ReactDOM from 'react-dom/client'
import App from './App.jsx'
import './index.css'
import { BrowserRouter,Routes,Route } from 'react-router-dom'
import Notfound from './components/Notfound.jsx'
import "preline/preline";
ReactDOM.createRoot(document.getElementById('root')).render(
<React.StrictMode>
<BrowserRouter>
<Routes>
<Route path={'/'} element={<App/>} />
<Route path={'*'} element={<Notfound/>} />
</Routes>
</BrowserRouter>
</React.StrictMode>,
)
this is the link of the website omegglle.com
i tried reinstalling preline but nothing works
New contributor
Mohamed Ghdour is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.