Title: Product sorting options by CSS in IOS Last modified: January 20, 2024 --- # Product sorting options by CSS in IOS * Resolved [lesbillbell](https://wordpress.org/support/users/lesbillbell/) * (@lesbillbell) * [2 years, 3 months ago](https://wordpress.org/support/topic/product-sorting-options-by-css-in-ios/) * On my WordPress website with Woocommerce, I wanted to remove some product sorting options, and my developer used this additional CSS code: * .orderby option[value=”popularity”]{display: none;} * It works fine on desktop browsers and on android mobile browsers (except Firefox), but on my iPads the sorting options remain unchanged in Firefox, Chrome and Safari. Can anyone explain why, and suggest a solution? Viewing 5 replies - 1 through 5 (of 5 total) * Plugin Support [Shameem – a11n](https://wordpress.org/support/users/shameemreza/) * (@shameemreza) * [2 years, 2 months ago](https://wordpress.org/support/topic/product-sorting-options-by-css-in-ios/#post-17360536) * Hi [@lesbillbell](https://wordpress.org/support/users/lesbillbell/), * Mobile browsers, especially on iOS devices, sometimes have different default settings that can override or ignore certain CSS rules. * To solve the issue, you may consider using a PHP snippet to remove the sorting options instead of using CSS to hide the sorting options. This code should be added to your child theme’s functions.php file: * ```wp-block-code add_filter( 'woocommerce_catalog_orderby', 'a8c_remove_sorting_option_woocommerce_shop' ); function a8c_remove_sorting_option_woocommerce_shop( $options ) { unset( $options['popularity'] ); return $options; } ``` * I have tested this snippet with WooCommece 8.5.1 and Storefront theme, and it works fine on all devices: * ![](https://i0.wp.com/i.ibb.co/9n2gvWb/Clean-Shot-2024-01-21-at-21-33-54.png? ssl=1) * Snippet source: [https://www.businessbloomer.com/woocommerce-remove-rename-add-default-sorting-options-shop/](https://www.businessbloomer.com/woocommerce-remove-rename-add-default-sorting-options-shop/) * I hope this helps! Please let us know how it goes or if you need further assistance. * Thread Starter [lesbillbell](https://wordpress.org/support/users/lesbillbell/) * (@lesbillbell) * [2 years, 2 months ago](https://wordpress.org/support/topic/product-sorting-options-by-css-in-ios/#post-17360645) * Hi Shameem, Your explanation is helpful and the solution is much appreciated. * I actually knew that it can be done in functions.php with a child theme, but I was trying to avoid having to make a child theme. If there is no way to get the IOS mobile browsers to abide by the CSS rules, which I did not know, I’ll do it the way you say – and making a child theme doesn’t sound too difficult when I read about it. Many thanks!Les * [Afzal (woo-hc)](https://wordpress.org/support/users/afzalpansuvi/) * (@afzalpansuvi) * [2 years, 2 months ago](https://wordpress.org/support/topic/product-sorting-options-by-css-in-ios/#post-17362281) * Hi [@lesbillbell](https://wordpress.org/support/users/lesbillbell/), * I’m glad to hear that you found Shameem’s explanation helpful and that you are willing to try his solution. Unfortunately, it is not possible to hide the product sorting options using CSS in iOS. You will notice that the drop-down will have the default system design in iOS and it is not possible to force any styling rules on those elements. * The best way to achieve what you want is to use the code suggested by Shameem in your functions.php file. This will allow you to remove the product sorting options from your shop page. * Please give it a try and let us know how it goes. 😊 * Thread Starter [lesbillbell](https://wordpress.org/support/users/lesbillbell/) * (@lesbillbell) * [2 years, 2 months ago](https://wordpress.org/support/topic/product-sorting-options-by-css-in-ios/#post-17363103) * Many thanks, Afzal. I was also thinking I could use the plugin * [StoreCustomizer – A plugin to Customize all WooCommerce Pages – ](https://wordpress.org/plugins/woocustomizer/) * [WordPress plugin | WordPress.org](https://wordpress.org/plugins/woocustomizer/)– which has been updated since I started this thread, but Shameem’s seems a more elegant solution. * [carolm29 (woo-hc)](https://wordpress.org/support/users/carolm29/) * (@carolm29) * [2 years, 2 months ago](https://wordpress.org/support/topic/product-sorting-options-by-css-in-ios/#post-17364982) * Hey, [@lesbillbell](https://wordpress.org/support/users/lesbillbell/)! * You can definitely use a plugin if you prefer. It is really up to you which option fits you best. * Just please note that we do not provide support for third-party plugins, so it is good to check the plugin thoroughly to see if it is reliable. You can find more about this in this **[guide](https://wordpress.com/support/plugins/find-and-choose-plugins/)**. * I hope this is helpful. * Please let us know if there’s anything else we can do to help. * Have a wonderful day! Viewing 5 replies - 1 through 5 (of 5 total) The topic ‘Product sorting options by CSS in IOS’ 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/) ## Tags * [css](https://wordpress.org/support/topic-tag/css/) * [Firefox](https://wordpress.org/support/topic-tag/firefox/) * [ios](https://wordpress.org/support/topic-tag/ios/) * 5 replies * 4 participants * Last reply from: [carolm29 (woo-hc)](https://wordpress.org/support/users/carolm29/) * Last activity: [2 years, 2 months ago](https://wordpress.org/support/topic/product-sorting-options-by-css-in-ios/#post-17364982) * Status: resolved