.navbar { overflow: visible; /* Allow brand to overflow */ } .navbar-brand { /* Hide the default site name text and position the brand element */ position: absolute !important; top: 50%; left: 0; transform: translateY(-50%); width: 150px; height: 70px; background: url(https://blob.poolq.net/kcs/images/638849997252488406-kcslogo_065397-ts-small.png) no-repeat center center; background-size: contain; background-repeat: no-repeat; z-index: 10; color: transparent !important; display: block; pointer-events: auto; } nav .nav-item:first-of-type { margin-left: 150px; }