Scrolling page add extra padding on top on logo

Question

Scrolling down the page add extra padding above the logo. I need to figure out a way to align the logo properly with rest of the site. Here's what I have tried out so far: I have commented out this line in line in my js file.

//$('.navbar-brand').css({ 'padding-top' : 0 + "px", 'padding-bottom' : 0 + "px" });

Here's the link to my site Please note: This issue is replicated only on scrolling the page up or down.

Answer 1

When you scrollback to top of the page. There are added padding-bottom: 27px; padding-top: 27px; padding-bottom: 27px; padding-top: 27px; in navbar-brand anchor tag.

Remove it when scroll to top back. It will solve your issue.

It is added from some JavaScript Or Jquery.