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


  • did you get the solution , worked for you ? Oct 24 '17 at 9:30

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.

  • 1
    I also used the same way , and worked perfect :)
    – user56319
    Oct 24 '17 at 5:48
  • 1
    is okay thank you
    – Robert
    Oct 24 '17 at 10:57
  • Sounds good to hear that , cheers :) Oct 24 '17 at 10:59

Its already there but is hidden via css. Just change the following css class to

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

and hide the one on the bottom via css. Top and bottom toolbar are the same template


Elements are shown or hidden via css.

Your Answer

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

Not the answer you're looking for? Browse other questions tagged or ask your own question.