In default Magento theme, on the category page, the layered navigation is at the left column, and products in the main. This is OK.

However on mobile, it first displays the products, and after the products, it displays the layered navigation.

It makes more sense to first show layered navagition, and after that the products. Especially if you have a plugin for infinite scroll here.

Does anyone know how we can move the layered navigation (or the whole left column) to BEFORE the products, ONLY on mobile?


  • If you check luma theme layered navigations shows near position which means it shows at the top of all products. How are you getting it below the products? – Sukumar Gorai Dec 27 '18 at 11:32

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.