Mega menu add vertically ordered columns when using a sub-menu.

Randal · ‎08-08-2024

It's best explained by looking at the picture. Previously all mega-menu items were on the same level. Now when I've added the individual clubs as sub-menu items to the leagues, it has broken my layout, the columns property of .mega-menu__list no longer works, the way I want. Can you fix it?

https://4330ea-89.myshopify.com/

BSSCommerce-B2B · ‎08-08-2024

Hi @Randal ,
Step 1. Go to Admin -> Online store -> Theme > Edit code

Step 2. Find the file base.css.
Step 3. Add this code at the end of file

.mega-menu__list *,
.mega-menu__content {
  border: 0!important;
}
.mega-menu__list {
  border: 0!important;
  display: block!important;
  right: 0!important;
  padding: 0!important;
}

Result

If it helps you, please like and mark it as the solution.

Best Regards

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.

B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.

B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.

BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

View solution in original post

BSSCommerce-B2B · ‎08-08-2024

Hi @Randal ,
Step 1. Go to Admin -> Online store -> Theme > Edit code

Step 2. Find the file base.css.
Step 3. Add this code at the end of file

.mega-menu__list *,
.mega-menu__content {
  border: 0!important;
}
.mega-menu__list {
  border: 0!important;
  display: block!important;
  right: 0!important;
  padding: 0!important;
}

Result

If it helps you, please like and mark it as the solution.

Best Regards

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.

B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.

B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.

BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

Randal · ‎08-08-2024

This is almost perfect, unfortunately now it has become center aligned again. Do you know how to left align it.

BSSCommerce-B2B · ‎08-08-2024

Remove it in my code i've sent to you

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.

B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.

B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.

BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

Randal · ‎08-08-2024

Brilliant! You're a god amongst men!

BSSCommerce-B2B · ‎08-08-2024

Thank you sir! It such my honor to help you 😍 Have a great day 💪

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.

B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.

B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.

BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

Mega menu add vertically ordered columns when using a sub-menu.

Mega menu add vertically ordered columns when using a sub-menu.

Community Blog Articles