Why does my dropdown menu disappear on my homepage?

Store Design
1

Hello - I am trying to make a dropdown menu on the home page of my website under the ‘about’ section. However, as soon as I move the cursor away from the word, the dropdown menu disappears; thus, I can’t click on any of the subpages. Can anyone help troubleshoot this problem? Thanks!!

2

Hi @bradley_barrett ,

Could you share your store url and protect password? We will help to check issue.

3

Hello, thank you!

aquafive.myshopify.com

pass: environment500!

4

Hi,

May I suggest to update code these steps:

  1. Go to Store Online-> theme → edit code
Show More

EBOOST_1-1689216131452.png
EBOOST_1-1689216131452.png1103×739 94.9 KB

  1. Assets/base.css
  2. add code below to end of file
@media screen and (min-width: 990px) {
	.header__inline-menu .list-menu > li:hover details > .header__menu-item  span {
		transition: text-decoration var(--duration-short) ease;
	}
	.header__inline-menu .list-menu > li:hover .mega-menu .mega-menu__content {
	  opacity: 1;
	  transform: translateY(0);
	}
	.header__inline-menu .list-menu .list-menu__item {
		padding: 4.7rem 2.7rem;
	}
	.header-wrapper .header {
		padding-top: 0;
		padding-bottom: 0;
	}
}
3 Likes