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…
When I trying to hover on PARK sub-nav should appear but its not and it should overlap on hero-slider .subnav ul { display: flex; gap: 20px; visibility: hidden; } .nav-hover:hover .subnav { visibility: visible; } <!-- Nav Bar --> <div…
The Issue I'm facing a problem with my WordPress website designed using Elementor and an Envato template. Divider lines are appearing between my headerand footersections, which makes my website look unattractive as my logo and navigation bar are positioned under…
right now Im working on the odin project trying to build a landing page. My navbar stays on the left side although I want it to be on the right side. This is my code: .container{ width:100%; height:27vh; background-color: #1f2937;…
How can i modify my app.js file to hide Navbar for signin and signup pages, but render for other pages? I want to render navbar once but screencomponents inside it should change. In navbar , I have to pass screenComponent…
const nav1=document.querySelector('.navbar'); window.addEventListener('scroll', function () { if(window.scrollY>70) { nav1.classList.add('new_nav'); } else if (window.scrollY < 69) { nav1.classList.remove('new_nav'); } } Im trying this code in React App.js file, if i scroll down it shows error like "nav1 is NULL".It worked when…
I want to have a very simple hamburger menu. I'm using jQuery to toggle it to open and close when the hamburger is clicked.hamburger menu open I implemented the following js code but I only get the menu to hide…
I am creating a dropdown menu but there is a bug when using the vertical version for mobile phones and small devices. THE PROBLEM: When hovering, the first time hovering over one of the "main-categories" it will follow the css…
As I designed an UI/UX design for my website, I got a problem with using z-index-CSS-Property. My main page is only a fixed picture and as you start scrolling, a white box is going to cover that main picture, but…