I am working on a Vite+React Project, and currently I am working on mobile navbar so my first problem is when I first click on the mobile nav icon the nav component is showing but on the second click to…
I am using the DashboardLayout from MUI on my page https://mui.com/toolpad/core/react-dashboard-layout/ https://mui.com/toolpad/core/api/dashboard-layout/#slots I'm trying to set the sidenav bar to closed instead of open, but I haven't been able to do it successful. in my efforts. There doesn't appear to…
I am trying to make left-right alignment for navbar in reactjs but I do not know how to make it for right icons. The icons remains in vertical and I would like to learn how to split them into left…
I am developing a Navbar using React-Bootstrap that contains a cart-icon button that displays my Offcanvas as a minicart (a cart where you can add items to it throughout the website without having to go to the checkout cart to…
After a lot of struggle, I finally managed to get my dropdown buttons to display at the top of the screen, fit in the navbar, and appear next to each other. However, now the dropdown menus for both are overlayed…
Im using a container for a bottom navbar. The navbar has borderradius borderRadius: BorderRadius.only( topLeft: Radius.circular(30), topRight: Radius.circular(30)) But when the border radius is circular i'm getting a white background where the curve is. I've tried changing background color to…
How to make a custom navbar with a curve like this? What i'm trying to make a navbar with a curve like this, when that particular navbar item is selected. I have used a container now, how can i achieve…
`import './SideNavBar.scss'; import { useState } from 'react'; import { Cancel01Icon, Menu01Icon } from '../assets/icons'; import { Link } from 'react-router-dom'; const SideNavBar = () => { const [isOpen, setIsOpen] = useState(false); const toggleMenu = () => setIsOpen(!isOpen); return (…
Please find the code for navbar below. How can I give the color to the html link like Home, Services and About? <!--navbar--> <nav class="navbar navbar-expand-lg navbar-light bg-light"> <div class="container-fluid"> <div class="navimg"> <img src="./img/Heliosupdated.png" alt="Description"> </div> <button class="navbar-toggler" type="button" data-bs-toggle="collapse"…
I wish to increase the font size of the nav bar menu item on a small screen like a mobile. Normally it works fine on a desktop screen but when the screen collapses to mobile it also works as usual…