Menu item fix

Store Design
, , , ,
1

Hello everyone, I hope you are all doing well.
Can there be a slight delay when hovering over the menu items? Would anyone be able to provide a code to resolve this? I would appreciate any help you can provide. Thank you so much.
Store URL: luxevedabeauty.com

You can check the “Shop” menu item :slightly_smiling_face:

2

Hello @Digital_Imran
Go to online store ---------> themes --------------> actions ------> edit code-------> base.css
and this code at the very end of your file.

@media screen and (hover: hover) {
  .header__menu-item:hover {
    color: rgba(var(--color-link),.7);
    transition-delay: 0.4s;
  }
}

let me know if this was helpful.

3

Thank you so much @GTLOfficial Let me check and get back to you . Thanks again :slightly_smiling_face:

4

No problem @Digital_Imran
if it’s fixed please mark the solution accepted

Thank you :slightly_smiling_face:

5

@Digital_Imran Please try below code and let me know whether it is helpful for you. Paste the code at the bottom of the base.css file. You can change the seconds values as per you need.

.is-active:not(.is-megamenu)>.list-menu-dropdown {
    transition: opacity 0.3s ease, visibility 0.3s ease;
    transition-delay: 0.3s;
}

Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.