Html – nav bar font size increase in small screen
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…
Html – Only show active dropdown menu content – multiple dropdown buttons in a navbar
I have a navbar that has multiple buttons that on click display a dropdown menu. What happens is when I click a button it shows dropdown menu, then when I click outside the menu it hides the active menu which…
Html – Dropdown menu doesn't appear when I pass the mouse on navbar
Good day, I am trying to create a dropdown menu on my freshly new website but cannot find the reason as to why it does not appear. It should appear under "About" but when I click on it nothing appears!…
Html – Resize Navigation Bar with Sticky
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 am trying to make a navbar for a website , using HTML + Tailwindcss but the functionality i want is not happening
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">…
Html – Styling isn't being applied to my navbar, unsure why
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…
Html – I need the site logo to sit to the side of a move with the nav bar but my codes not working whats missing?
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…
Html – I'm trying to figure out how to setup a responsive navbar with a centered logo
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…
Html – How do I maintain the position of a cart icon in the navbar between desktop and mobile?
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…
Css – Change highlight colour on scroll in React js
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…