Re: Issue with margin on mobile

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)

DitalTek
Shopify Partner
891 103 122

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 you want to hire developer Theme or App Shopify => Feel free to send me a DM or contact to us via Email | WhatsApp
- Website: ditaltek.com
TBS2022
Trailblazer
243 2 36

PageFly-Henry
Shopify Partner
1184 335 299

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 299

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