How to reduce the container width on mobile

[CreatorTim]

Hey, how can I reduce the width of the email sign-up section on mobile?

Specifically, I want it to be the same width as the text right above it.

Here’s my store: https://1049xn-ya.myshopify.com/
(Just scroll all the way down, it’s there.)

Only on mobile

Thanks a lot,
Tim

[EstherBui]

Hi CreatorTim

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file component-newsletter.css and add this code at the end of the file

form#contact_form {
   padding-inline: 13px;
}

Best,
Esther

[DaisyVo]

Hi @CreatorTim

To complete your requests, please follow these steps:

1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
2. Paste the code provided into the Custom CSS section.

@media screen and (max-width: 768px){
.newsletter__wrapper {
    padding-inline: 40px !important;
}
}

Here is the result:

I hope this helps

Best,

Daisy

[CreatorTim]

Works thank you