Supply Theme - Remove the "More" Drop Down From the Menu

Hi,

One of the common questions Shopify merchants who are using the Supply theme ask : "How to extend the main menu to be full width, instead of having the "More" dropdown button.

Here is a simple tutorial to easily get rid of the "More" button

• From your Shopify dashboard, click Online store > Actions > Edit code
• Open the file theme.js.liquid
• Remove this code

timber.responsiveNav = function () {
$(window).resize(function () {
afterResize(function () {
// Replace original nav items and remove more link
timber.cache.$navigation.append($('#moreMenu--list').html());
$('#moreMenu').remove();
timber.alignMenu();
timber.accessibleNav();
}, 200, 'uniqueID');
});
timber.alignMenu();
timber.accessibleNav();
timber.mobileNav();
};

• Click Save

Let me know in the comment below if you need any further help with this

Katrine 🙂