Shop Categories

X

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

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

Topic Resolution: Resolved
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #9692
    211sb
    Participant

    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?

    #9696
    Zex
    Moderator

    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.

    #9702
    211sb
    Participant

    Beautiful! That really finished off the page. Thanks!

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.