As you can see on https://2024-liptonrogers-com.stackstaging.com/contact/
When scrolling the menu items (page tabs) move up – how to stop this?
How do we remove the white line when scroling?
See our envisaged idea > https://ibb.co/JzbX8dg
Hey whdsolutions,
It looks like you have the shrinking header enabled in the theme options, this is why the menu items and logo moves up, try disabling this option.
Enfold Theme Options ▸ Header ▸ Header behavior
Best regards,
Mike
We want to keep the shrinking header, but make it behave the way I have asked.
Hi,
So do you mean that you want to use the shrinking header, but not on that one page?
If you use the shrinking header on this page, the menu items will make the menu items move because the header shrinks.
Best regards,
Mike
We want to keep the shrinking header, but:
1. Stop the menu links from raising up on scroll.
2. Make the white line underneath disapear on scroll.
Hope that is more understandable.
in other words – shrink only the logo the rest stays on position – white line erased.
#top #header_main > .container,
#top #header_main > .container .main_menu .av-main-nav > li > a,
#top #header_main #menu-item-shop .cart_dropdown_link {
line-height: 244px !important;
}
#top #avia-menu::after {
transition: opacity 1s ease;
}
#top #header.header-scrolled #avia-menu::after {
opacity: 0;
}
Again – thank you so much!!!