Mobile Mega Menu - Flex Out of the Sandbox

Technical Q&A
1

Please help. Flex theme latest version, Out of the Sandbox. I’m using 6-column mega menus in the desktop version and happy with those. However the mobile mega menu stacks two columns per row. I’d like only one column per row. In other words, all items in the mega menu stacked in a single column - one nested item opening to the next on selection (or click of an arrow), This is how Turbo theme displays. Thank you.

2

Hi @GavinMB ,

Since, not all developers have access to specific Shopify themes, it would be best if you can provide your website to better assist you. Thank you

3

Hi @GavinMB ,

Go to Assets > styles.css and paste this at the bottom of the file:

@media only screen and (max-width: 798px){
  .column.mega-menu__block.block__menu {
    width: 100% !important;
  }
}

Hope it helps!

4

Thank you. I’ll give a try and let you know.