Plugin Support
Kris
(@c0nst)
Hi @jonasojczyk
Use this CSS code:
.dgwt-wcas-layout-icon-open .dgwt-wcas-search-icon-arrow {
top: calc(100% + 6px);
}
.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
margin-top: 4px;
}
Regards,
Kris
Thanks man! It looks amazing! 😀
Another problem.
View post on imgur.com
https://www.gallerifusion.dk/
Please help me change it so that the submenu is minimized upon hovering over Fibo Search icon.
I’ve reached out to elementor and they told me to contact you about this.
Thanks for your time!
Plugin Support
Kris
(@c0nst)
Hi @jonasojczyk!
Use this CSS and jQuery snippet:
.elementor-nav-menu–dropdown.hide {
display: none !important;
}
Paste it into Appearance -> Customize -> Additional CSS. If you aren’t familiar with custom CSS, take a look at this video.
Then use this code:
add_action( 'wp_footer', function() { ?>
<script type="text/javascript">
jQuery('.dgwt-wcas-search-icon').on('mouseover', function() {
jQuery('.elementor-nav-menu--dropdown').addClass('hide');
});
jQuery('.dgwt-wcas-search-icon').on('mouseleave', function() {
jQuery('.elementor-nav-menu--dropdown').removeClass('hide');
});
</script>
<?php }, 999 );
You have two ways to add this code to your theme:
Open the functions.php in your child theme and add the code at the end.
or install the Code Snippets plugin and apply this code as a snippet.
Regards,
Kris
@c0nst It works amazing! Thanks 😀
