At a beginner level I am trying to make a frontend page that has a header and a footer on all pages. Each page can have an identical header and footer. In the header, I'd like to add a Bootstrap…
My navbar doesn't seem to be changing color when scrolled. There's a bit of js I'm trying to implement (at the bottom of the following code block), but it doesn't seem to render and I have no idea why. I've…
Using template engine as PUG Html body nav#navbar ul.flex-container div#logo img(src='/static/logo3.png') This is what image logo3.png looks Can you suggest any css property? Or photoshop tool to do it. Searched but found opacity property which doesn't help.
For some reason, my nav bar is slightly set to the right. I've tried configuring everything to do with position but it doesn't seem to be working. I'm not sure if it's a CSS property or I just messed up…
We have to make a project at school and i want to make this dropdown inside a navbar expand once you hover it. I've tried diffrent solutions but so far all I get is a button that requires a click…
I am beginner at code. I am trying to get my navbar to go to the correct sections of my HTML page. For instance, I want my skills href to go to the skills section of the html. I know…
I have a navbar, and would like all items in it to be vertically aligned. I first tried using flexbox, which lead to having too much space in between the elements, which I fixed by using float: right instead of…
Whenever I'm scrolling my mouse, all the listed admin cards come over the navbar. This is a very irritating flaw and I can't seem to understand where I went wrong. Any help would be appreciated. Thanks! #mainsec { height: 100vh;…
$('.navbar-collapse a').click(function() { $(".navbar-collapse").collapse('hide'); }); <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <nav class="navbar navbar-default fixed-top navbar-expand-md navbar-light shadow-sm"> <div class="container"> <!-- <nav class="navbar navbar-default navbar-fixed-top rhgh-fixed-top"> <div class="container"> //--> <a class="navbar-brand" href="#home"> <i class="fa fa-home"></i> Resthaven Guesthouse </a> <button class="navbar-toggler" type="button"…
It's My code navbar <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.3/js/bootstrap.min.js"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet" /> <body class="bg-dark"> <nav class="navbar navbar-expand-lg navbar-dark "> <div class="container"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse " id="navbarText"> <ul class="navbar-nav…