Im trying to display the sidebar after clicking the button in the navbar. I have made the JS function, but after clicking the navbar button nothing displays, please help. Here is my html and css code snippet, please suggest me…
I am struggling to make a basic CSS sidebar, and I can't figure out why. It seems to work on codepen examples, but I might miss something. Here I have some code in an Astro component (html with tailwindcss) <body…
I'm working on a ReactJS website styled with Tailwind CSS, and I have a navigation bar and footer in separate components. The navigation bar consists of three menu items: Home, About, and Contact. By default, the Home menu item is…
I'm pretty new to html and css and am designing a mock portfolio for a course I'm taking. It's a single-page portfolio and we were given the instruction that each section must be 100% height specifically. This broke my sticky…
I am trying to put two navbar elements to the end of the navbar in Bootstrap 5 but it's not working I've tried ms-auto with a div encapsulated around the log in and sign up elements but that didn't work.…
I'm currently working on a old navbar I had from an old project. I'm having a problem with it, that I truly don't understand why is it happening. The navbar overflows horizontally, the "Iniciar Sesion" and "Registrarse" are not being…
I am making a react app and have installed the latest bootstrap via npm install bootstrap and npm install bootstrap jquery and npm install jquery popper.js My Navbar works fine when the window is wide, but when you decrease the…
I want my nav elements to be placed to the right of my webpage and it is. No problems there. My issue is that my nav elements are too close together. I expect them to be more spaced out. What…
I'm trying to do a single webpage. I have a problem that Bootstrap navbar collapse list appears under other elements. I tried to set the list position to relative and also the following elements position. Also changed opacity and put…
<div class="flex bg-black h-12 items-center space-x-11"> <nav class=""> <span> <a class="text-white text-3xl font-bold hover:text-gray-300 hover:underline" href="#" >Corner Hair Salon</a > </span> <span> <a class="text-white text-3xl hover:text-gray-300 hover:underline" href="#" >Home</a > <a class="text-white text-3xl hover:text-gray-300 hover:underline" href="#" >About</a > <a class="text-white…