Navigation
Archive / Reduce space above logo after JS header transition
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • May 26, 2016 at 11:35 am #1011363
    scottkwilson
    Participant

    Hello,
    Here is my site: http://scottkeithwilson.com

    When you scroll down the page you’ll see that the header and logo shrink. How do I remove the space above the logo after the transition so it is centered in the header? I want equal space above and below the logo after the transition.

    Thanks!

    May 26, 2016 at 11:41 am #1011372
    Rahul
    Moderator

    Hey There,

    Please use the following Custom CSS : 

    @media (min-width: 980px)
.x-navbar.navScroll .x-brand img {
    margin-top: -10px;
}

    Please change the padding value as per your need.

    Thanks

    May 26, 2016 at 2:04 pm #1011577
    scottkwilson
    Participant

    Hey there, I tried it but unfortunately it didn’t change anything.

    May 26, 2016 at 5:48 pm #1011895
    Friech
    Moderator

    Hi There,

    Please update the given css code to:

    @media (min-width: 980px) {
	.x-navbar.navScroll .x-brand img {
	    margin-top: -10px;
	}
}

    Hope it helps, Cheers!

    May 27, 2016 at 9:44 am #1013013
    scottkwilson
    Participant

    Fantastic! Thank you!

    May 27, 2016 at 12:02 pm #1013193
    Jade
    Moderator

    You’re welcome Scott.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1011363 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>