So I have two logos in the header, but the second one will not shrink…

[211sb]

The first header shrinks, using Agama’s native code, but the second one I put in using your solution will not shrink, so the header stays too large. Any ideas how I can fix this?

[Zex]

Hello, there!

To fix this, please substitute the code I gave you earlier with the following code:

@media (min-width:995px) {
.site-header .sticky-header nav {
 width:60%!important;
 float:left;
 margin:0 auto!important;
 margin-left:5em!important;
}

.sticky-header:after{
  display:inline-flex;
  background: url('http://211sb.com/wp-content/uploads/2018/07/IEUW-Logo-sm.jpg')no-repeat center;
  background-size:contain;
  width: 200px;
  height: 69px;
  margin:1em;
  margin-left:5em;
}		

.sticky-header-shrink:after{
  display:inline-flex;
  background: url('http://211sb.com/wp-content/uploads/2018/07/IEUW-Logo-sm.jpg')no-repeat center;
  background-size:contain;
  width: 120px;
  height: 50px;
  margin:1em;
  margin-left:7em;
}		
}

https://prnt.sc/k20yio

Change the width, height and margin Values per your needs.

[211sb]

Beautiful! That really finished off the page. Thanks!

[Author]

Posts