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 menu keeps 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 and that will stop the menu form disappearing once you hover over it.

Add the below code in base.css file

.header__submenu  {
  top: 30px !important;
}