Menu in menu shows the words vertically instead of normal horizontally

1234Joep43
Tourist
10 0 4

Scherm­afbeelding 2024-04-05 om 15.16.41.png

When I try to make a menu within a menu, it shows like this. How can i make the menu normal? And just include drop down menu's below the "adidas" for example?

 

Yours,

Replies 8 (8)

PageFly-Henry
Shopify Partner
1090 312 264

Hi @1234Joep43 

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 base.css

Step 3: Paste the below code at bottom of the file -> Save


ul.mega-menu__list.page-width {

    display: block !important;

}

 

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.

1234Joep43
Tourist
10 0 4

It did not work unfortunately...

PageFly-Henry
Shopify Partner
1090 312 264

You can try  again with this code:

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-1712328365775.png

 

 

<style>

ul.mega-menu__list.page-width {

    display: block !important;

}

</style>

 

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.

1234Joep43
Tourist
10 0 4

It worked! Amazing, thanks! 

PageFly-Henry
Shopify Partner
1090 312 264

You are welcome @1234Joep43 😊

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.

1234Joep43
Tourist
10 0 4

Do you perhaps also know how i could make the "sub" things into a dropdown menu (so basically a drop down menu in a drop down menu)?

PageFly-Henry
Shopify Partner
1090 312 264

You can try replace this code:

<style>

ul.mega-menu__list.page-width {

    display: flex !important;

}

</style>

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.

1234Joep43
Tourist
10 0 4

hmm that did not work, i mean like this: 

Scherm­afbeelding 2024-04-05 om 17.08.58.png