In this tutorial i will show you how to fix hover effect drop down menu keeps disappearing in Shopify with the drop down disappears before you can reach it. You’re trying to navigate through your Shopify store and the drop down menu keeps disappearing once you hover over it ? i know It can be incredibly frustrating, especially if you are in a hurry or need to make changes quickly.

That is why it is so important that we take the time to fix this issue as soon as possible.The good news is that fixing the menu disappearing problem doesn’t have to be difficult or time-consuming. It just requires some basic troubleshooting steps and a little bit of patience.

So, we will fix the drop-down disappear issue by reducing the padding between the drop-down and the header menu. This simple adjustment will stop the menu from disappearing once you hover over it.

Add the below code in base.css file

.header__submenu  {
  top: 30px !important;
}