Stop text from moving on a:hover with border top

I have a floated an h2 a tag with a 6px border-top applied on hover. When I hover over the text it pushes the text and elements below it down. How can I stop the border from moving the text and...

Sticky CSS Footer

Can someone help me make the original code from HTML5 Boilerplate Initializser, have the footer stick to the bottom of the browser, I've tried all manor of codes from web examples but...

bootstrap collapse bar turns transparent when window is reduced

im having issues with my bootstrap responsive background. as seen below, when my window is reduced to simulate a mobile screen size, my dropdown becomes transparent. this is my code, which was...

Bootstrap NavBar with left, center or right aligned items

In Bootstrap, what is the most platform-friendly way to create a navigation bar that has Logo A on the left, menu items in the center, and Logo B on the right? Here is what I've tried so far, and...

Wordpress theme: The font awesome icons not displayed

I have a wordpress theme and i wand to add genericons. My problem is genericons not displayed in any browser: This is my theme files tree: This is the genericon.css...

Metronic/Bootstrap: How to always expand subitems in the left Navbar?

I'd like to habe the subitems in the left nav-bar always expanded, see here: http://i.imgur.com/lScAPXf.png But even when I click on the arrow, only ONE item is expanded at the time. When clicking...

How to stick table header(thead) on top while scrolling down the table rows with fixed header(navbar) in bootstrap 3?

Bootstrap layout with fixed-navbar. Having table with so many rows in body. Issue? As i scroll the page navigation-bar will be there because it is fixed. as i scroll more i want table header to be...

how to properly use angular-file-upload on a page

I need to use angular-file-upload directive (https://github.com/nervgh/angular-file-upload). I took the html as well as the controller example as-is from github: html: <body...

Margin or Padding Bootstrap Menu

here I come with a new problem with my menu maded with bootsrap; The problem is the margin or the padding on the left, the menu is not align with the logo and the rest of the content; I tried a...

How to toggle custom navbar?

I am trying to toggle the navbar but it is not Bootstrap3 default navbar so the usual <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span...

Bootstrap collapse isn't working; hamburger menu not showing up

I am making an Angular application, and installed all my libs with Bower. When I check the console, all the sheets/scripts are loading up properly. I also have bootstrap and jQuery defined in my...

Bootstrap v3.3.6 Dropdown not working with mobile menu

I'm trying to solve this issue since few days. I have found so many solution but nothing works for me. I'm using bootstrap 3.3.6 and I would like to use a drop down menu. The code works fine on a...

Bootstrap- Navbar toggle are not showing

I use Navbar-toggle for showing group menus on mobile devices but it's not working! What is the problem? The Following is my code and JsFiddle. Actually When I give class navbar-toggle the button...

Django - Reverse for '' not found. '' is not a valid view function or pattern name

I'm working on my project for a course and I'm totally stuck right now. I'm creating a website to sell products through paypal and the paypal return/cancel pages are not rendering properly. I've...

How to hide login form and show another component in angular 2

I am a novice in JavaScript and Mean stack frameworks. I am trying to build a web page where in the landing page should have a header and login form. If the user authenticates well, should be...

bootstrap 4 making dropdown scrollable

I have a problem with my drop down menu on smaller devices. i cannot make it scroll able when i tried the solution here (that is *overflow:auto/ overflow-y:scroll*) it's not working even if i use...

Bootstrap 4 beta navbar-brand logo with img-fluid class does not resize when collapsed

Using Bootstrap 4 beta. My responsive navbar contains a logo in the navbar-brand on the left side and an inline menu of links on the right side. When the viewport changes, the navbar collapses...

Unresolved variable in WebStorm, Angular 4

So I have an HTML-template, in which I refer to a service, defined in a constructor and WebStorm sends me this warnings about unresolved variables, although the variables to which I point are...

Bootstrap Offcanvas example in angular 4

I am new developing with angular and I am trying to replicate this bootstrap navbar example in my application. The problem is that the responsive of the navbar does not work when I pass it to...

Bootstrap 4.1 js not working

I'm trying bootstrap but the js isn't working in nav (dropdown + mobile icon) This is my html: <div class="collapse navbar-collapse" id="navbarColor02"> <ul...

dropdown is hidden behind image

My Dropdown is hiding behind the image ( owl carousal one) when scroll down the nav bar then hover works properly. Issue showing only in the upper area where the image is there. I tried by giving...

Bootstrap not working properly in Angular 6

I started learning Angular and I'm following a tutorial. I tried putting the code as in the tutorial for the navigation-bar: <nav class="navbar navbar-default"> <div class="container-fluid"> ...

sec:authorize always returning same view in browser for both isAuthenticated() and isAnonymous() in thymeleaf view

home Controller package com.book.controller; import java.util.HashSet; import java.util.Locale; import java.util.Set; import java.util.UUID; import javax.servlet.http.HttpServletRequest; import...

Bootstrap 4 dropdown with fixed position outside navbar-collapse (Mobile/small screen)

I am trying to put a div in the navbar in such a way that its position is fixed in all the size of screens. It should come out toggle button and always visible to user. For eg like notification...

bootstrap mobile menu not scrolling instead the background is scrolling

i have a website done in bootstrap, the menu is working fine in desktop <button type="button" class="dropdown-toggle pull-left" data-toggle="dropdown" data-target="#navbar-menu"...

Bootstrap 4 WP Navwalker Multi-Level Dropdown

Essentially i'm trying to make the WP Navwalker dropdown three levels instead of it's default 2. I've found tutorials on this but they seem to be for Bootstrap 3 as I don't have the...

Navbar dropdown (collapse) is not working in Bootstrap 5

I am facing a issue when trying to create a responsive menu or dropdown button with Bootstrap 5.Everything seems ok.The navigation icon & dropdown icon apears.But its not working.When I clicked...

Angular : Navbar Toggle button not working in mobile view

Dropdowns are working fine in web mode but not the navbar toggle in small screen / mobile mode. This is my code which I copied from codepen to learn. I have installed all necessary packages in VS...

Chakra UI : The background does not dim when the drawer opens

This is the first time I am using chakra UI for my project. I am following the documentation to implement the UI. The drawer example mentioned in the documentation works perfectly. But when I try...

Chakra UI Modal not working as it is supposed to

I was following the documentation of chakra UI. Here is the documentation of chakra ui. But it is not working as it is supposed to do whenever I trigger the hook the screen goes blank. Below is...