How to remove the excess white space on various pages on Debut theme?

Store Design
, , , , ,
1

Hi there,

I have an excess chunk of white space at the top of various pages on my website. Here are two examples:

https://rasayanaliving.com/pages/testimonials

https://rasayanaliving.com/pages/about-eric

How can I remove this space? Thank you!

2

Hey @EES210

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-1693674548947.png
Moeed_0-1693674548947.png1887×879 214 KB

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

Best Regards,
Moeed

3

Hi Moeed,

I actually had to remove the code because I noticed that although it removed the white space/ padding from my various pages, it also removed it from my home page which made my home page banner look like it was cut short. Do you know how I can do this so that it doesn’t affect my home or collection pages?

4

Hey @EES210

Apologies for that, you may try this code since it will only effect on your pages and not on home page.

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

{% if template.name == 'page' %}

{% endif %}

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

Best Regards,
Moeed

5

Thanks Moeed! One more question - There now seems to be a white border at the very bottom of this one page I have - https://rasayanaliving.com/pages/virtual-consultation.Is there are way to leave this page unaffected?