Title: Move “default sorting” in Mobile
Last modified: August 31, 2021

---

# Move “default sorting” in Mobile

 *  Resolved [xav8888](https://wordpress.org/support/users/xav8888/)
 * (@xav8888)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/move-default-sorting-in-mobile/)
 * Hello there, how can I move the [“default sorting” on mobile](https://prnt.sc/1qw52an)
   into next line or adjusting the left/right margin to left some gap between “showing
   1-9 of 25 results” and “default sorting”. Thank you!
 * Refer : [https://prnt.sc/1qw52an](https://prnt.sc/1qw52an)

Viewing 7 replies - 1 through 7 (of 7 total)

 *  [Mirko P.](https://wordpress.org/support/users/rainfallnixfig/)
 * (@rainfallnixfig)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/move-default-sorting-in-mobile/#post-14825242)
 * Hey there,
 * Can you please share a link to your site? We can then check the HTML output and
   generate custom CSS code to help fix that on mobile.
 * Thanks!
 *  Thread Starter [xav8888](https://wordpress.org/support/users/xav8888/)
 * (@xav8888)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/move-default-sorting-in-mobile/#post-14825717)
 * Thanks for the quick respond, please refer to [here](https://majestics.store/shop/).
   Thank You
 *  Plugin Support [abwaita a11n](https://wordpress.org/support/users/abwaita/)
 * (@abwaita)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/move-default-sorting-in-mobile/#post-14826296)
 * Hi [@xav8888](https://wordpress.org/support/users/xav8888/),
 * Thanks for getting back.
 * Looking at your site, I see that you’ve been able to move the “default sorting”
   section to the line below “showing 1-9 of 25 results”.
 * 
    Link to image: [https://snipboard.io/u54xrQ.jpg](https://snipboard.io/u54xrQ.jpg)
 * Let us know if you still require assistance.
    Thanks.
 *  Thread Starter [xav8888](https://wordpress.org/support/users/xav8888/)
 * (@xav8888)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/move-default-sorting-in-mobile/#post-14826387)
 * Hi abwaita, thanks for the respond, any css can i move the “default sorting” 
   in to the next line in all type of mobile devices regardless the size of the 
   device? as i still getting the [same result ](https://prnt.sc/1qxny2c)
 *  [Martyn J. a11n](https://wordpress.org/support/users/martynmjones/)
 * (@martynmjones)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/move-default-sorting-in-mobile/#post-14826661)
 * Hey [@xav8888](https://wordpress.org/support/users/xav8888/),
 * Custom CSS is not something we typically can help with and you would need to 
   speak with the authors of the theme you’re using or find a web developer.
 * However, to help you along I’ve written the following CSS:
 *     ```
       /* Force ordering select input to new line on mobile */
       @media( max-width: 544px ) {
         .woocommerce-ordering {
           float: none;
           clear: left;
         }
       }
       ```
   
 * This will force the ordering field onto a new line for screens that are narrower
   than 545px so you shouldn’t have a problem with it being pushed right up against
   the number of results.
 * If you’re not sure how to add custom CSS to your site, you can find [how to do so in this article](https://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/).
 * If you need it adjusted any further or need any other changes I would recommend
   you reach out to one of our vetted developers via the [WooCommerce Customizations Page](https://woocommerce.com/customizations/).
 * I hope that helps!
 * Kind regards,
 *  Thread Starter [xav8888](https://wordpress.org/support/users/xav8888/)
 * (@xav8888)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/move-default-sorting-in-mobile/#post-14826684)
 * wow! it works like a charm! brilliant! thanks for the help Martyn J. a11n…. have
   a nice day
 *  [Nagdy](https://wordpress.org/support/users/nagdy/)
 * (@nagdy)
 * [4 years, 8 months ago](https://wordpress.org/support/topic/move-default-sorting-in-mobile/#post-14828012)
 * Glad to hear it worked for you [@xav8888](https://wordpress.org/support/users/xav8888/)!
   Marking this ticket as resolved.

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Move “default sorting” in Mobile’ is closed to new replies.

 * ![](https://ps.w.org/woocommerce/assets/icon.svg?rev=3234504)
 * [WooCommerce](https://wordpress.org/plugins/woocommerce/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/woocommerce/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/woocommerce/)
 * [Active Topics](https://wordpress.org/support/plugin/woocommerce/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/woocommerce/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/woocommerce/reviews/)

 * 7 replies
 * 5 participants
 * Last reply from: [Nagdy](https://wordpress.org/support/users/nagdy/)
 * Last activity: [4 years, 8 months ago](https://wordpress.org/support/topic/move-default-sorting-in-mobile/#post-14828012)
 * Status: resolved