I am using Navigation as Header with mobile menu and sticky menu on.
My site logo looks great on sticky scroll, but is higher than the navigation on the regular Header. (I need to bring the nav up or bring the site header down.)
What I like (shows on sticky header) – https://postimg.cc/TKXdWxkp
What needs fixing (shows before sticky header kicks in) – https://postimg.cc/fkGZ6ZQB
Here’s the CSS I’m using:
.main-navigation .main-nav ul li.login-logout a {
font-size:11px;
padding: 8px;
background-color: #b80000;
color: #ffffff;
border-radius: 5px;
line-height: 8px;
margin: 25px 0;
}
.login-logout {
position: -webkit-sticky;
position: sticky;
top: 0;
line-height: 0px;
left: 20px
}}
How do I fix this?