Hey everyone. I came across this Wix eCommerce store. https://www.evolveclothinggallery.com/
When you hover over the menu title, a detailed sub-menu pops down. How can this be achieved?
It is created using buttons, strips to house the drop down words/ images and then corvid code to show and hide on mouse in and mouse out.
Hello Tim,
as an alternative to Corvid (in case you cannot code like me), you could use the On-Hover feature.
You will have to place the button in a container box first, then apply the hover effect to the box.
It takes time in the first try. However, you should know that this solution is not a perfect one, because this hover effect is not responsive, so if your menu is big, on a small screen it will be half shown and so.
export function button22_mouseIn(event) {
$w(β#box1β).show();
}
export function button22_mouseOut(event) {
$w(β#box1β).hide();
}
export function box1_mouseIn(event) {
$w(β#box1β).show();
}
export function box1_mouseOut(event) {
$w(β#box1β).hide();
}
export function box1_mouseIn_2(event) {
$w(β#box1β).show();
//$w(β#button22β).disable()
}
export function box1_mouseOut_2(event) {
$w(β#box1β).hide();
//$w(β#button22β).enable();
}
The code execution has been tried many times.
Thanks for doing this demo. Yes I tried the Hover feature with the boxes, and it is great. But as you said, it is not responsive. Also, I want the hover to stretch to full width (like a strip) no matter what screen size you view it on. This canβt be done with the Box Hover feature. I will try code I think. Thanks for your demonstration. It is much appreciated.
Hi @abdulaziz ,
Do you have the issue where the menu hover state remains active when you access a new page?