Back to Blog

    How to control the Mega Menu in Shopify Impulse Theme

    By We Are Chain• May 14, 2025

    Steps to follow

    The Impulse theme (for Shopify) automatically defaults to five collections across the top of the mega menu, however what do you do if you wanted to have only four, perhaps with another four beneath rather than five in the first row and three in the second.
    Follow the steps in this short video and all your problems will be solved!

    Use this code to insert in the CSS section of your header

    @media only screen and (min-width: 769px) {
    .medium-up--one-fifth {
    width: 25%;
    float: left;
    clear: none;
    }
    .collection-list__item--left-align {
    clear: left;
    }
    }