Helllo, I have created a button on one of my menu items and it moves with the menu header shrink. But it is no quite in sync with the menu and social icons when i scroll.
When I scroll the “my Flights icon does not snap into thin header like menu and social icons. Its like there is a delay before the menu/background jumps up
Any help would be appreciated
li#menu-item-2644 a {
padding: 5px 5px;
background-color: #f58020!important;
color: white!important;
height: 25px!important;
line-height: 15px!important;
margin-top: 33px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
text-decoration: none;
}
regards
Michael
Hi mrwerner!
Please change your code to following one
li#menu-item-2644 .avia-menu-text {
padding: 5px 5px;
background-color: #f58020!important;
color: white!important;
height: 25px!important;
line-height: 15px!important;
margin-top: 33px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
text-decoration: none;
}
and remove following code
.header-scrolled li#menu-item-2644 a {
margin-top: 10px;
}
Regards,
Yigit
Thanks Yigit. I updated the css on my local and it worked. Thankyou