.navbar-brand { /* Hide the default site name text and position the brand element */ position: relative !important; color: transparent !important; display: inline-block; width: 120px; /* Adjust width as needed */ height: 50px; /* Adjust height as needed */ background: url('https://blob.poolq.net/burl/images/639118610263116597-BMSC%20Fish%20with%20Club%20Name%20v3%20blue%20no%20background_cropped.png') no-repeat center center; background-size: contain; background-repeat: no-repeat; z-index: -1; text-shadow:none!important; } @media (max-width: 767.98px) { /* Customize the logo for mobile devices */ .navbar-brand { /* Different logo for mobile devices */ background: url('https://blob.poolq.net/burl/images/639118610263116597-BMSC%20Fish%20with%20Club%20Name%20v3%20blue%20no%20background_cropped.png') no-repeat left center; background-size: contain; background-repeat: no-repeat; width: 60vw; height: 60px; /* Adjust width for mobile */ margin: 0; padding: 0; } }