How can I eliminate large gaps in Solodrop theme blocks?

Store Design
1

I can’t find any way to remove the large gaps between my blocks on the home page, can some help with this?

2

Hello @Coda ,

It’s GemPages support team and glad to support you today.

Could you please share your store URL ( with the password if your store password is enabled ) then I can see and suggest something for you?

Best regards,
GemPages Support Team

3

Hi @Coda Thank you for your question.
Please share your store URL, page URL and also password (if your store has one) so we can help you.

4

Hi,
Please share your store URL and if your store is password protected then also provide password too.
Thank you.

5

Hi @Coda ,

Please send your site and if your site is password protected, please send me the password. I will check it.

6

https://www.rapidreflexs.com/ thanks!

7

Hi @Coda ,

Please go to Actions > Edit code > Assets > theme.scss.liquid file and paste this at the bottom of the file:

@media only screen and (min-width: 900px){
.why-us {
    margin: 0 auto !important;
}
}
.why-us {
    padding: 1rem 0 !important;
    margin: 5rem 1.25rem;
}
8

Please add below css code in bottom of assets/theme.scss.css file

@media only screen and (min-width: 900px)

.why-us {
margin: 0 auto;

}

.why-us {
padding: 2.3125rem 0;

}
Thank you.

9

This worked super well thank you so much! I hand another question about moving my logo on the header to the left hand side of the header?