Menu dropdown

Hello,

Some part of the dropdown menu does not work correctly. For example, when you pass the cursor over the decoration section and the dropdown menu appears, when you scroll to see the subcategories below, there comes a time that takes you up again and you can no longer see those subcategories.

Can you help me with this?

Thanks.

All the best,

Hello,

Could you describe or provide the screen, I am checking the site and I do not see any problem: https://gyazo.com/a3fc333b2fd7d633debfd5eab1564eb7

Best Regards

[Zellsaint]

Hi Elise,

As you can see in the video, when I scroll in the dropdown menu it makes a small jump up and then it doesn’t let me scroll in that dropdown menu anymore. The menu is cut off and what scrolls is the home from behind.
https://gyazo.com/2bc5f4e7c3cd1c629e5e77f431b45e8c

Thanks!

• This reply was modified 3 years, 5 months ago by Zellsaint.

Hi,

We have checked your site dropdowns and it working properly both with standard and sticky header (https://gyazo.com/8f1472ad28f80dbb692d40860fa621eb).

Kind Regards

Hello, I think you are not viewing it in the same way as me, because of the screen size. I see it on a 13′ laptop and then in the furniture category you have to scroll to see all the categories. Could it be because of that?

On the other hand, I don’t see the background in yellow either. I have cleared the cache and I still don’t see it yellow, why could it be?

Thanks!

Hi,

1. By default dropdowns cant be scrollable because they are absolute positioned via CSS, and that cant be globally changed. We can provide you with code that can add max-height and scroll to dropdowns on certain screen resolutions, but this method is not universal and will start working on specific screen widths.

@media (max-width: 1300px) { /* screen width where this code will start to work */
	.wd-dropdown.wd-design-full-width {
		max-height: 500px; /* maximum height of dropdown */
		overflow-y: auto;
	}
}

2. You have custom code that changes the dropdowns background color only on Windows OS devices (https://prnt.sc/mI1xftx7FBlZ). Remove platform-Windows class from the custom code to make background color visible on all devices.

Kind Regards

[Author]

Posts