Why is my icon margin adjustment not working on mobile version?

Hi everyone,

I was hoping someone could help me with a margin problem.

On my landing page I have a rich text section with an About and icons section underneath (see images below).

I am trying to move the About and icons section closer to the rich text section above. I have been successful with the desktop version but nothing has changed on the mobile version. Can someone please let me know why its working on desktop but not mobile please. i have attached the code below. The code for the desktop is on line 9961 and the mobile version is 9963.

My preview link is below. (This link express after 2 days).
https://ektxwlfh6slpgdbz-54993551588.shopifypreview.com

@Timstar - I checked, it is working fine, you can adjust -30 as per your need

Hello @Renaye

“display:grid” not support negative margin

You can add this custom code to line 9665 in theme.scss.liquid

#shopify-section-template--16533096136932__166086832312f9267f .about-and-icons-container {
    display: inline-grid !important;
}

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

@Timstar

Try add this code to theme.scss.liquid file

@media screen and (max-width: 750px) {
	.about-and-icons-container {
		display: inline-grid !important;
	}
}

Try it and let me know

Thank you for your time.

I am glad that my recommendation is helpful to you :grin: .