How do I remove this empty space between my header and next content? Using code Berlin

Store Design
1

no1apparels_0-1737222709098.png
no1apparels_0-1737222709098.png1256×500 166 KB

test.PNG
test.PNG1896×509 110 KB

I can’t seem to remove this at all. My website is:
www.no1apparels.com

1 Like
2

Hey @no1apparels

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find password.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1737223294184.png
Moeed_0-1737223294184.png1899×907 261 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
3

Hey @no1apparels this is Qasim a Sr. Shopify Developer.

In order to remove the empty space from the password page please follow these steps.

  1. Go to Admin Page.
  2. Click on online Store.
  3. Find the theme that you want to customize and then click on three dots.
  4. Click on “Edit Code”.
  5. In the Edit Code search for “section-password.css” file.
  6. Go to the end of this css file and paste this code.
@media (min-width: 990px) {
    .password-main{
       padding-top: 1rem !important;
       padding-bottom: 1rem !important;
     }
    .password-main {
        padding-top: 2rem !important;
        padding-bottom: 8rem !important;
    }
}

If you need more help let me know.

4

IT WORKED! Thank you so much! :folded_hands:t2:

1 Like
5

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

1 Like
6

no1apparels_0-1737223760497.png
no1apparels_0-1737223760497.png673×362 47.9 KB

Hi I do have one more question, how do I edit the container width of this newsletter signup? The text is all too compressed together