Jump to content

Dropdown Menu disappears too quickly


Recommended Posts

Hello,

I have a dropdown menu called "Productos" but this menu disappears too quickly when you try to access its sub-menus. It seems that when you mouse over them, it "detects" the slider that is behind of it and it immediately closes.

I think also that the dropdown menu maybe is too slow and that is why it occurs. What can I do to fix this?

Website: tabletypc.es

Thanks in advanced!

1.jpg

Link to comment
Share on other sites

Hello guys,

I have made two main changes:

1) All transitions were 0.5s, now they are 0.2s, so they are a little bit faster and it's easier to access the submenus:

transition: opacity 0.2s ease 0s, transform 0.2s ease 0s;
-moz-transition: opacity 0.2s ease 0s, -moz-transform 0.2s ease 0s;
-webkit-transition: opacity 0.2s ease 0s, -webkit-transform 0.2s ease 0s;
-ms-transition: opacity 0.2s ease 0s, -ms-transform 0.2s ease 0s;

2) Add more padding to the labels:

padding:0.5em!important

It goes better with this, I'm thinking maybe to add a modal to the "Productos" menu, like the one in the cart button. I think it will give a better experience to the users who go to the website and search something in the dropdown-menu.

Thank you all!

 

 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...