Menu Hover Feature

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?

1 Like

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.

1 Like

If you want to get information about the code, contact me
mertcanerdogan.exe@gmail.com

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.

1 Like

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();
}

2 Likes

The code execution has been tried many times.

1 Like

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.

1 Like
Hi  @abdulaziz ,  

Do you have the issue where the menu hover state remains active when you access a new page?