How to fix margin issues on mobile view with Impulse Theme?

How to fix margin issues on mobile view with Impulse Theme?

TBS2022
Trailblazer
243 2 36

Hello

I am having an issue with my margin on mobile view ( Impulse Theme)

I have tried a few codes already but nothing works

 

TBS2022_0-1697119014326.png

 

Thanks

Replies 7 (7)

VIEKIN
Shopify Partner
774 93 110

Hi,

Can you share the store url here? This thing makes it easy to check and helps you.

You can please Like and Accepted Solution if my suggestion helpful. And if you want to customize or develop new feature on Theme or App => Contact to us via Email or Skype.
- Contact Support : Gmail | Skype: live:.cid.309f2fbaceec513
TBS2022
Trailblazer
243 2 36

PageFly-Henry
Shopify Partner
1184 335 289

Hi @TBS2022 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.css

Step 3: Paste the below code at bottom of the file -> Save

 

@media (max-width: 767px){

.grid__item.grid-product.small--one-half.medium-up--one-quarter.grid-product__has-quick-shop.aos-init.aos-animate {

    width: 43.33% !important;

}

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

TBS2022
Trailblazer
243 2 36

nothing happened ?

TBS2022
Trailblazer
243 2 36

TBS2022_0-1697450562787.png

 

PageFly-Henry
Shopify Partner
1184 335 289

I see it working like this from my side:

PageFlyHenry_0-1697552848934.png

 

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

TBS2022
Trailblazer
243 2 36

Click on one of the products. It is all pushed to the right