The Aside menu height is currently locked at 380px, as defined in your dropdown height option: https://monosnap.ai/file/1c6BWh0bupns7Nl3iuWLBZzKe4aRkt. Consequently, the dropdown maintains this fixed height across all screen widths.
The core issue is that your content reflows differently depending on the screen size. Since the dropdown spans the full width of the screen, the content inside it adjusts its height proportionally. A fixed height of 380px is often insufficient or misaligned for this dynamic content.
We have not made any changes to the dropdowns in the recent update, and our theme does not include native settings to adjust dropdown height based on screen width. Could you please share how your site looked before this update, specifically when the menu display met your requirements? It is possible that they were not set to full-width, or there may have been custom code in place to handle the height dynamically.
If you are unable to provide a reference to the previous version and cannot adjust your content to fit the full-width sidebar dropdown, we can provide you with custom CSS to dynamically adjust the dropdown height based on the device’s screen size.
You can use the following custom code as a pattern to proportionally adjust the dropdown height to match your content, which tends to expand as the screen narrows. Please add this code to the Custom CSS area in your Theme Settings:
@media (max-width: 1600px) {
.wd .wd-dropdown-menu.wd-design-aside {
--wd-dropdown-height: 500px;
}
}
@media (max-width: 1400px) {
.wd .wd-dropdown-menu.wd-design-aside {
--wd-dropdown-height: 600px;
}
}
Note: --wd-dropdown-height defines the height of the dropdown, and max-width: 1600px specifies the screen width at which this height will be applied.
Kind Regards
.
