Title: Mobile view issue
Last modified: October 13, 2020

---

# Mobile view issue

 *  [buckbaggen](https://wordpress.org/support/users/buckbaggen/)
 * (@buckbaggen)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/mobile-view-issue-7/)
 * Hi there!,
 * Mobile view block settings. I added some blocks to the homepage with newest products
   en best selling products – I set to 5 columns and 1 row. On the desktop site 
   it works fine, but on mobile the images get huge (almost full screen) and the
   get in rows.
 * Somebody know how to fix this?
 * With kind regards,
 * Buck Baggen
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fmobile-view-issue-7%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Plugin Support [EastOfWest a11n](https://wordpress.org/support/users/eastofwest/)
 * (@eastofwest)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/mobile-view-issue-7/#post-13531330)
 * Hi there,
 * What you’re describing is the responsive design of the block, that changes to
   best fit the size of the screen the page is being viewed on. It has a standard
   appearance, that might also be influenced to an extent by your theme’s design.
 * The “All products” block is designed to display that way, and doesn’t have settings
   built-in to change it. However, it should be possible to change it with your 
   own CSS.
 *  Thread Starter [buckbaggen](https://wordpress.org/support/users/buckbaggen/)
 * (@buckbaggen)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/mobile-view-issue-7/#post-13542099)
 * Hi,
 * It’s a WooCommerce block, the Theme doesn’t effect the block. I tried with another
   team and the StoreFront team. All exact the same.
 * I allready tried with the following CSS code, then they get smaller but other
   parts from the site then dissapear.
 * Maybe someone have another solution? Or another CSS code?
 * Thanks!
 * [@media](https://wordpress.org/support/users/media/) (max-width: 480px) {
    .wc-
   block-grid__product {max-width: 50% !important; float: left;} }

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

The topic ‘Mobile view issue’ 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

 * [blogs](https://wordpress.org/support/topic-tag/blogs/)
 * [dislay](https://wordpress.org/support/topic-tag/dislay/)
 * [mobile](https://wordpress.org/support/topic-tag/mobile/)

 * 2 replies
 * 2 participants
 * Last reply from: [buckbaggen](https://wordpress.org/support/users/buckbaggen/)
 * Last activity: [5 years, 6 months ago](https://wordpress.org/support/topic/mobile-view-issue-7/#post-13542099)
 * Status: not resolved