Why isn't my debut theme submenu scrolling?

Why isn't my debut theme submenu scrolling?

mohitkumar233
Shopify Partner
6 0 0

My submenu is not scrolling. ..I have a debut theme...https://burlap-fabric-burlap-com.myshopify.com/

 

mohitkumar233_0-1697202381788.png

 

Replies 3 (3)

Small_Task_Help
Shopify Partner
830 28 75

Hi,

 

identify the CSS class or ID

Add Custom CSS

.your-submenu-class {
    max-height: 200px; /* Set a maximum height for the submenu */
    overflow-y: auto; /* Enable vertical scrolling */
}


Replace .your-submenu-class with the actual CSS class or ID

Apply Custom CSS in Shopify


Inspect and Adjust

To Get Shopify Experts Help, E-mail - hi@ecommercesmalltask.com
About Us - We are Shopify Expert Agency
At Google My Business - Ecommerce Small Task - Hire Shopify Developers Ahmedabad

PageFly-Henry
Shopify Partner
1184 335 294

Hi @mohitkumar233 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: paste bellow code in tag </body> -> save.

PageFlyHenry_0-1697203693830.png

 

 

<style>

ul.sub-menu.color-scheme-dark {

    overflow-y: scroll;

    height: 700px !important;

}
</style>

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

mohitkumar233
Shopify Partner
6 0 0

This helps but it distorts the nested loops 

mohitkumar233_0-1697447704372.png