Issues with Menu Cut off on PC Canopy Theme

[SanctumAssist]

Hello, our website is experiencing some issues with the bottom of the menu being cut off when sub menus are expanded on the Canopy theme (please see screenshot below). Is there any way to get the menu to adapt to screen sizes or set a maximum height?

URL: https://www.sanctumofthesoul.com

[Moeed · Accepted solution]

Hey @SanctumAssist 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
@media screen and (min-width: 768px) {
ul.sub-nav-list {
    width: 400px !important;
}
.sub-nav {
    min-width: 600px !important;
}
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed