One of the really nice things about our WooCommerce Storefront Pro plugin is the 1 click mega menu functionality. However by default mega menus are restricted to four columns. We’ve had a few customers recently ask us if there was a nice simple way to increase the number of columns in a mega menu.
The good news is that there is. With just a little bit of css magic.
CLICK HERE to get the css you will need to increase the number of columns in your WooCommerce Storefront Pro mega menus or copy the css below.
#site-navigation .primary-navigation li.mega-menu>ul>li {
width: 20%;
}Here’s a very short video that explains things
Leave a Reply