Sticky Header shifting problem

[cmf_designer]

I would like my sticky header to not shift my logo and navigation when scrolling down.

Position #1 when page first loads appears like this.

[attachment file=”Snip20160229_1.png”]

Position #2 when scrolling down appears like this.

[attachment file=”Snip20160229_2.png”]

I don’t see a reason for the shift in position that was built into this theme. Ideally I would like my logo and navigation to be static and centered vertically in my gray sticky header area.
Can this be fixed with some CSS?

Thanks for your help!

[Veena]

Basically you need to adjust the top value of sitelogo and primary menu – `

#site-logo {
   top: 15px;
}
#primary-menu {
    top: 25px;
}
#header.sticky #site-logo {
    top: 15px;
}
#header.sticky #primary-menu {
    top: 50px;
}
#sidebar-header .social-list {
    top: 60px;
}
.side-nav-toggle .icon {
    top: 30px;
}
#header.sticky #sidebar-header .social-list {
    top: 70px;
}
#header.sticky .side-nav-toggle {
    top: 40px;
}

pls adjust the values according to your requirement.

[Author]

Posts