I found a very simple way to make a sticky navigation bar here: https://www.w3schools.com/howto/howto_js_navbar_sticky.asp My code pretty much mirrors the example except I have a height set on mine: window.onscroll = function() { myFunction() }; var navbar = document.getElementById("navbar"); var…
I tried the group-hover:block too but still when I hover over the solution and resources, it's not showing the dropdown menu <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Front Page</title> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet"> </head> <body class="bg-slate-600">…
I'm a beginner making my portfolio for a freeCodeCamp assignment currently. I intend for my navbar elements to be displayed horizontally, with specfic font and styling elements, but none of these are being applied to the navbar. The rest of…
I'm new to coding so the answer is probably obvious. I have all the items including the logo under however the logo hides behind the navigation bar no matter what I do. I'm trying to make the navigation bar and…
I'm new here, but I wasn't able to find an answer to this using just html, css, and js. This is my first expedition outside Wordpress. I've been stuck for 3 days and I'm missing something. I don't have anyone…
I'm using Bootstrap and custom CSS to design a navbar that keeps the shopping cart icon on the right side of the bar on both desktop and mobile. No matter how I order the elements, I can't seem to do…
I am having an issue with my code for my Navbar.jsx component. I have implemented a function the navbar background and text changes colour on scroll which works fine but what I want is for the :hover colours to take…
I am trying to create a sample responsive web page with navigation bar for big as well as small screens. I have done with the part for big screens. I am trying to create for smaller screen devices, with a…
I have a basic website where there should be a background image that displays underneath all elements, but when I display it, it never displays underneath the Navigation bar. This even occurs when I set it to a background image,…
I'm trying to add a circle with an image inside to a navbar. The circle has to be bigger than the navbar such as this image: I am using "position: absolute" so the circle remains at that position, problem is…