How do I enlarge my Image banner?

Store Design
, , , , , ,
1

Hello to whom it may concer,

Lately I have been trying to remove the white space at the bottom of my home page.
For reference, I’ve tried making the image banner larger, removing the email footer, and even minimizing the padding. Nothing seems to work.

If you check my website, you"ll see white space at the bottom which of whom I still want to fill in but prefer it to be lower so as to make the image banner take up the entire screen before scroll down.
https://fe7914-54.myshopify.com/
Password: yaheos

2

Hey @Ignacio7

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

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

RESULT:

Moeed_0-1727283571670.png
Moeed_0-1727283571670.png1915×911 421 KB

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

Best Regards,
Moeed

3

Hello @Ignacio7

I see your issue. This can’t be resolved with just CSS; you’ll need to add a condition in the footer.liquid file. Check if no items are found, then adjust the .footer__content-top element accordingly to resolve it.

4

It definitely got rid of the footer but did not get rid of the bottom. I think maybe I have to lenghten the image banner a bit down, not to sure.

If its possible I would like to make the image banner completely cover the screen upon entering my website. The footer I still want to keep for anyone who prefers to scroll down and see whatever I put down there