Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • June 22, 2017 at 1:07 am #811256
    djsmbd

    Hello,

    We switched logos and the logo spacing on our site is off. We would like about 15px above and below the logo.
    Current code given by you is below:

    span.logo a img{
    margin-top:15px!important;
    }
    .header-scrolled .logo img {
    margin-top:0 !important;
    -webkit-transition: all .2s !important;
    transition: all .2s !important;
    }
    Please advise.

    Cheers!

    June 22, 2017 at 1:14 am #811259
    Mike

    Hey djsmbd,
    Try this code in the General Styling > Quick CSS field:

    span.logo a img {max-height: 65px!important;}

    Best regards,
    Mike

    June 22, 2017 at 2:41 am #811275
    djsmbd

    Perfect Thank!

    June 22, 2017 at 2:45 am #811276
    djsmbd

    Hi Mike,

    Check the page…when scrolling it doesn’t shrink correctly.
    Below is all the current Quick CSS

    span.logo a img {max-height: 65px!important;}
    span.logo a img{
    margin-top:15px!important;
    }
    .header-scrolled .logo img {
    margin-top:0 !important;
    -webkit-transition: all .2s !important;
    transition: all .2s !important;
    }

    June 22, 2017 at 3:10 am #811287
    Mike

    Hi,
    Try this code in the General Styling > Quick CSS field:

    .header_scrolled, .logo, .logo a, .logo a img, #header_main .container {
min-height: 65px !important;
}

    Best regards,
    Mike

    June 22, 2017 at 3:17 am #811293
    djsmbd

    It works but we want it to shrink…instead of stay the same size.
    “Shrinking Header” is checked in the header behavior area.

    June 22, 2017 at 5:18 am #811320
    Sarah

    Hi,

    May I suggest using an image that already has padding around your logo? For reference, you can see our logo in our demo has space around it.

    Best regards,
    Sarah

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