How can I adjust the promo-grid on Impulse Theme for mobile?

[THEM]

does anyone know how to change - Promotion-grid “Advanced” row 1 to 2 on mobile?

I know we can change item width to 33%, 50%, 100% for desktop but there is no options for mobile.

thank you in advance.

[Dan-From-Ryviu]

Hi @THEM

Could you share your store URL and show the section that you want to change?

[THEM]

hi @Dan-From-Ryviu

thank you for your reply.

here is URL (Impulse demo site): https://impulse-theme-apparel.myshopify.com/

I believe 3 banner area (under hero image) is “promo-grid” section.

thank you for your help.

[Dan-From-Ryviu]

Hi @THEM ,

Please add this code at the bottom of theme.css file in store admin > Sale channels > Themes > Edit code > Assets

@media screen and (max-width: 749px) { 
.flex-grid--gutters .flex-grid__item {
width: 50%;
flex: 50%;
}
}

Result

[THEM]

hi @Dan-From-Ryviu

It worked perfect.

I appreciate your help.

thank you so much!

[Dan-From-Ryviu]

Happy I could help