How to Remove & Position Product Listing Bar in Magento?

Magento content management system allows users to change the product list controls by the help of custom CSS. In the Custom CSS field, enter the CSS code to remove and position the product listing bar in your Magento run websites and stores. This tutorial will cover steps to remove and position the product listing bar from Magento stores.

Steps to Remove & Position Product Listing Bar in Magento

• Log in to your Magento store backend after entering the current credentials
• From the Admin Panel, select Design > Theme Editor
• Click the [Customize] button on your current theme
• Next, select the CSS Editor on the left column
• In the Edit custom.css field add the following code:

Code to Remove the Pager Row Block

.pager{
display: none;
}

Code to Remove the Sorter Row Block

.sorter{
display: none;
}

Code to Move Items to left & Show on Right

.pager .amount{
float: right;
}
.pager .limiter{
float: left;
 }
.sorter .view-mode{
float: right;
}

Use the above code to remove and position the product listing bar in Magento websites. If you are unable to remove it or place it in the proper place, then Request a Quote with us. Our Magento team of developers will assist you in the process. Feel free to contact us for other Magento related services. We offer quality products at very affordable prices.