How to increase banner background width for email sign up?

Shopify Discussion
1

Hi, I’m trying to increase the width of the banner background in the email sign up for my page. I want the green background to extend to the sides of the screen and want this adapted for desktop and mobile. Please help!

celestel_0-1711300667599.png
celestel_0-1711300667599.png2126×620 29.7 KB

Website: oforothers.com

PW: oneforyou

2

Follow these steps:

  1. Go to Online Store → Theme → Edit code

  2. Open your base.css file and paste the following code at the bottom:

.newsletter.center.newsletter--narrow.page-width {
    max-width: 100%;
    padding: 0;
}
1 Like
3

Hi @celestel

Follow the below steps

Head to Theme Code Editor and find the file called base.css and paste the code to very bottom of the website

.newsletter.center.newsletter--narrow.page-width {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

Hopefully, it will help you. If yes then Please don’t forget to hit Like and Mark it as the solution!