Title: Mobile Alignment
Last modified: December 9, 2024

---

# Mobile Alignment

 *  Resolved [mmk175](https://wordpress.org/support/users/mmk175/)
 * (@mmk175)
 * [1 year, 6 months ago](https://wordpress.org/support/topic/mobile-alignment-7/)
 * Hi there,
 * I have an issue that I am almost 100% sure I resolved with custom CSS (still 
   on the site) a while ago but I can’t find the thread.
 * The issue. I have added a filter to the linked page but when viewing on mobile
   the widget seems to push the content off to the right leaving a gap on the left
   side.
 * Here you can see the CSS has fixed it.
 * [https://abbeygifts.co.uk/religious-badges/](https://abbeygifts.co.uk/religious-badges/)
 * I have provided the css below.
 * /* Fix spacing for product feed | 8173423-zen OP */
   ul.products-block-post-template{
   margin-left: 0;}.woocommerce ul.products li.product .button {margin: 1em 0 3px
   0.3em;
 * So why does it not work on my new page?
 * Note: A lot, if not all, my pages have been built when “products beta” was within
   otter blocks. I think this has now changed to “Product template”.
 * Any help would be greatly appreciated.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fmobile-alignment-7%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  Plugin Support [Kush](https://wordpress.org/support/users/kushnamdev/)
 * (@kushnamdev)
 * [1 year, 5 months ago](https://wordpress.org/support/topic/mobile-alignment-7/#post-18220893)
 * [@mmk175](https://wordpress.org/support/users/mmk175/) Thank you for contacting
   us.
 * Could you please try the following custom css on your site.
 *     ```wp-block-code
       @media screen and (max-width: 768px) {  ul.wc-block-product-template {    margin-left: 0;  }  .woocommerce ul.products li.product .button {    margin: 1em 0 3px 0.3em;  }}
       ```
   
 * Please let us know how it goes, thank you!

Viewing 1 replies (of 1 total)

The topic ‘Mobile Alignment’ is closed to new replies.

 * ![](https://ps.w.org/otter-blocks/assets/icon-256x256.gif?rev=3452114)
 * [Otter Blocks - Gutenberg Blocks, Page Builder for Gutenberg Editor & FSE](https://wordpress.org/plugins/otter-blocks/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/otter-blocks/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/otter-blocks/)
 * [Active Topics](https://wordpress.org/support/plugin/otter-blocks/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/otter-blocks/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/otter-blocks/reviews/)

## Tags

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

 * 1 reply
 * 2 participants
 * Last reply from: [Kush](https://wordpress.org/support/users/kushnamdev/)
 * Last activity: [1 year, 5 months ago](https://wordpress.org/support/topic/mobile-alignment-7/#post-18220893)
 * Status: resolved