Magento 2 – Move the Limiter to the Top

magento2toolbar

how I can move limiter from bottom to top toolbar.

I check the code in console and at the top toolbar already exist but is hidden, how I can do to see this at the top.

enter image description here

Thanks

Best Answer

To Turn on Limiter in top toolbar add below css in _extend.less in your custom theme module

.page-products .toolbar .limiter {
    display: block;
}

To Hide in bottom toolbar

.products.wrapper ~ .toolbar .limiter {
    display: none;
}

For Adding your custom CSS/LESS or updating existing CSS/LESS use _extend.less

Run commands mentioned in above link to make custom css work for you

I hope this will help you out if any problem then let me know.

Related Topic