Why is my subscription form creating excess white space on mobile?

Store Design
, ,
1

Hi,

for some reason the email (subscription form) at the bottom of my homepage makes the page too wide, meaning that there’s a lot of white space left on the left side of the page on mobile. How can I fix this? - I have the issue only with mobile, not desktop

https://pferdinand.myshopify.com
Password:sasa

thank you in advance

1 Like
2

hi @Daniel19901

May this help you.

1: Go to online store > themes > Actions > Edit code > ASSESTS > newsletter-section.css Add this code at the bottom.

@media (max-width: 768px) {
  .newsletter-section__content {
padding-left:0px;

}
  }

you can see the change.

SideNode_0-1698062804797.png
SideNode_0-1698062804797.png379×447 15.8 KB

If I was able to assist you, please remember to give it a Like and Mark it as the Solution!

Let me know if need further assistance
Regards,
SideNode

3

Hello @Daniel19901
Its Artzen Technologies! We will be happy to help you today.

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

@media screen and (max-width: 600px) {
.newsletter-section__content {
    padding-left: 0px;
}
}

like this

Artzen_tech_0-1698062799284.png
Artzen_tech_0-1698062799284.png394×618 21.3 KB

Let me know if need further assistance
Regards,
Artzen Technologies

1 Like