Title: changing woocommerce elements for responsive devices Last modified: March 4, 2023 --- # changing woocommerce elements for responsive devices * Resolved [jessamca11](https://wordpress.org/support/users/jessamca11/) * (@jessamca11) * [3 years, 2 months ago](https://wordpress.org/support/topic/changing-woocommerce-elements-for-responsive-devices/) * Hello, I am using WP Bakery, with Woocommerce and would like to know if I can change the amount of products shown in a Woocommerce element category like “What’s New” so it displays a different amount for tablets and phones? * If you have it set to an uneven number, it looks silly on the mobile. * Thank you * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fchanging-woocommerce-elements-for-responsive-devices%2F%3Foutput_format%3Dmd&locale=en_US) to see the link]_ Viewing 6 replies - 1 through 6 (of 6 total) * [xue28 (woo-hc)](https://wordpress.org/support/users/xue28/) * (@xue28) * [3 years, 2 months ago](https://wordpress.org/support/topic/changing-woocommerce-elements-for-responsive-devices/#post-16532365) * Hi [@jessamca11](https://wordpress.org/support/users/jessamca11/) * Thanks for reaching out! * I understand that you would like to change the number of products displayed in the `What's New` section so it displays a different amount for tablets and phones. * Firstly, can you please share how was the `What's New` section added to your site as this is not part of the core functions of WooCommerce? * If this was added thru a third-party plugin or a custom code, it would be best to reach out to the developers for further assistance here. * Thanks! * Thread Starter [jessamca11](https://wordpress.org/support/users/jessamca11/) * (@jessamca11) * [3 years, 1 month ago](https://wordpress.org/support/topic/changing-woocommerce-elements-for-responsive-devices/#post-16596658) * Hello, its actually the Woocommerce section called Recent Products. * [Igor H](https://wordpress.org/support/users/ihereira/) * (@ihereira) * [3 years, 1 month ago](https://wordpress.org/support/topic/changing-woocommerce-elements-for-responsive-devices/#post-16600216) * Hi, * `would like to know if I can change the amount of products shown in a Woocommerce element category like “What’s New” so it displays a different amount for tablets and phones?` * I understand like you would like to show the **newest products** depending on the view (desktop or mobile view). Do you mean to change the number of rows and columns to show the newest products on mobile and desktop view? Please clarify. * May I ask, are you adding the newest products on your site using a third party plugin? Or custom code? * While we wait for your response, I’d suggest to check out: - [Customizing the layout of the Newest Products grid](https://woocommerce.com/document/woocommerce-blocks-configuration/#section-25) * - [How to Use the Newest Products WooCommerce Block](https://www.elegantthemes.com/blog/wordpress/newest-products-woocommerce-block#newest-products-woocommerce-block-settings-and-options) * Thanks. * Thread Starter [jessamca11](https://wordpress.org/support/users/jessamca11/) * (@jessamca11) * [3 years, 1 month ago](https://wordpress.org/support/topic/changing-woocommerce-elements-for-responsive-devices/#post-16633620) * Hello, thanks for the links. However I dont see the options to make all of those edits – I also don’t have the sidebar that says edit Post or Block. * I am using WP Bakery – am I missing something here? * Thank you * [xue28 (woo-hc)](https://wordpress.org/support/users/xue28/) * (@xue28) * [3 years, 1 month ago](https://wordpress.org/support/topic/changing-woocommerce-elements-for-responsive-devices/#post-16637714) * Hi [@jessamca11](https://wordpress.org/support/users/jessamca11/) * Thanks for sharing further information above. * I understand that you are not seeing any options to edit the block. * To better picture what you are referring to here, can you please share with us a clear screenshot of what you see on your end so that we could address you more effectively? * If you don’t already have a screenshot service installed, you can try [https://snipboard.io](https://snipboard.io). You can share the direct link to the image as a response to this topic. * [Beauty of Code (woo-hc)](https://wordpress.org/support/users/beautyofcode/) * (@beautyofcode) * [3 years ago](https://wordpress.org/support/topic/changing-woocommerce-elements-for-responsive-devices/#post-16678350) * Hi [@jessamca11](https://wordpress.org/support/users/jessamca11/) , * We haven’t heard back from you in a while, so I’m going to mark this as resolved– feel free to [create a new topic](https://wordpress.org/support/plugin/woocommerce/#new-topic-0) should you need any further help. * Cheers! Viewing 6 replies - 1 through 6 (of 6 total) The topic ‘changing woocommerce elements for responsive devices’ 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/) * 6 replies * 4 participants * Last reply from: [Beauty of Code (woo-hc)](https://wordpress.org/support/users/beautyofcode/) * Last activity: [3 years ago](https://wordpress.org/support/topic/changing-woocommerce-elements-for-responsive-devices/#post-16678350) * Status: resolved