Uneven gaps in footer on mobile with new newsletter sign up form

Store Design
1

Hey Shopify Friends,

I added a new newsletter signup form to my footer but somehow the gaps are not even. I learned a lot of CSS lately but I can’t seem to make it work.

Simply said: Gap 2 needs to be just as big as gap 1, but only on mobile!

Can someone help me with this?

Gap 1 and 2.jpg
Gap 1 and 2.jpg1080×775 56.2 KB

1 Like
2

hello @MDKSocks

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media screen and (max-width: 768px) {
 .site-footer .grid .box.box-3 .contact-form .input-row{
     margin-bottom: 25px;
 }
 }
1 Like
3

Wow that was a quick response!! If only I saw it sooner haha!

Thank you very much!!!

1 Like