How to reduce space between logo and newsletter in Minimal Theme?

Store Design

Topic summary

A user seeks to reduce excessive white space between the logo and newsletter signup form on their Shopify store using the Minimal theme.

Initial Solutions Attempted:

  • GemPages support identified this as default theme spacing and provided CSS code to paste before </body> in the theme.liquid file
  • This initial solution did not resolve the issue

Working Solution:
LitExtension provided custom CSS to add to Assets > theme.scss.liquid:

  • Code targeting .password-page__main__inner with vertical-align: top !important
  • This successfully closed the gap between logo and newsletter

Follow-up Issue:
The user then asked about reducing space below the newsletter text as well. LitExtension responded with additional CSS targeting .password-page__footer, .password-page__footer__inner, and .password-page__main elements using height and vertical-align properties.

Status: The main issue appears resolved through custom CSS modifications to the theme’s stylesheet.

Summarized with AI on November 24. AI used: claude-sonnet-4-5-20250929.
1

Capture.JPG
Capture.JPG896×707 15.1 KB

How do I close the gap between logo & newsletter? Theres lots of blank space. (Minimal Theme)

2

Hello @dialup

Can you give me your Store URL (and password if you have settings) so I can check it for you?

Kind & Best regards,
GemPages Support Team

1 Like
3

https://dialup.store/password

4

Hello @paule3

This default from theme

GemPages_0-1669865216888.png
GemPages_0-1669865216888.png1841×917 78 KB

You can follow these steps:

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

GemPages_1-1669865273475.png
GemPages_1-1669865273475.png400×193 29.2 KB

  1. Open your theme.liquid file, paste the below code before

GemPages_2-1669865326771.png
GemPages_2-1669865326771.png1022×837 33.4 KB

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

5

dialup_0-1669865880793.png
dialup_0-1669865880793.png1016×340 4.59 KB

Added, still no change

6

Hi @dialup ,

Go to Assets > theme.scss.liquid and paste this at the bottom of the file:

.password-page__main__inner {
  vertical-align: top !important;
}

Hope it helps!

1 Like
7

Great, fixed thanks. Is there anyway to close the gap between the text below the newsletter also?

8

Hi @dialup ,

Go to Assets > theme.scss.liquid and paste this at the bottom of the file:

.password-page__main {
  height: auto !important;
}
.password-page__footer {
  height: 100% !important;
}
.password-page__footer_inner {
  vertical-align: top !important;
}

Hope it helps!