Sticky search-dropdown

Hey Veronika,
Thank you for the screenshot, try adding margin-top to your css to this:

.html_burger_menu_active #top #wrap_all .menu-item-search-dropdown > a {
    position: fixed;
    margin-top: 30px;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thank for the gif, the reason the page turned gray was because the search field was being moved 1322px from the left which is off your page, I didn’t find what was moving it but you site acts strangely in the background. You also had an issue with the menu and search links overlapping. I adding this css to your Quick CSS and it works for desktop but you may need to fine-tune it for mobile.

.html_burger_menu_active #top #wrap_all #header #avia-menu .av-burger-menu-main.menu-item-avia-special > a{
	width: 58px;
	position: fixed;
	right: 20px;
	top:40px;
}

.html_burger_menu_active #top #wrap_all #menu-item-search > a {
	height: 56px;
	top: 100px;
	position: fixed;
	right: 20px;
	display: inline;
}
#menu-item-search .avia-search-tooltip.avia-tt {
	left: -136px!important;
	top: 120px!important;
}

Please clear your browser cache and check.
I see that you are using Elementor so I wonder if that is the issue with your site acting strangely in the background, typically other page builders conflict with Enfold.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike