I'm learning html, css and js and I'm trying to make a sticky navbar, so that when I scroll down the page, the navbar sticks at the top. At first, using this code worked: html: <div class="navBarContainer" id="navbar"> <a class="navBar"…
I am trying to use useEffect hook of react to render a component(SideNavbar) but the component(SideNavbar) is not changing until i reload the page manually. The system works when i reload the page but how can i do it without…
How to show the SideNavbar Component change when the user has logged in. The sidenavbar shows different component on the basis of usertype where usertype can be admin or student. The component only changes once i reload. The component changed…
I am trying to implement a sidebar expandable menu with Vuetify2 as shown in the docs, however after hours of struggling and trying different suggested in the docs options couldn't find a way to make the expanded menu overflow and…
I have been trying everything to change the background-color & color of the dropdown with no success (dropdown-menu & dropdown-item). Now the background color of the dropdown is very light grey and the hover on each item has a medium…
I am building a website mobile-first and I am lost at why the width of the navbar is going outside of the screen width. I am viewing it on a 414 x 896 screen. I set width: 100%, margin and…
I'm trying to create a React web app, I have a navbar. It was working fine actually. But it reloads every time when navigating. I dont want the page reloads when we navigate with the navbar. This is my navbar.…
when i clone rolex website to improve myself, when i hover over the li's in my navigation bar i want the color of both my svgs and a tags to change but it's not working; <ul class="nav-links"> <li> <svg height="18"…
i want to have 4 columns in my navbar like shown in the picture: And the text inside the boxes should be centered, like in the middle of the box. Its importent that thy're boxes so that i can apply…
I have an HTML Navbar, and I want to shift all the elements in the navbar to the right. Below, I have attempted to use float: right; to do so. Although this does move everything to the right, it flips…