white space on blog page

Site URL: https://www.huesofcomfort.com/blog

need help with random white space on page where blogs are listed. I have tired just about everything to no avail. 

Appreciate the help. 

You mean white space at bottom?

Add to blog page settings > Advanced > Header

<style>
  main#page {
    height: 100vh;
}
  section, article#sections {
    height: 100% !important;
}
  
</style>

@tuanphan yes! you are a genius!, thank you so much.  is there a site that I can help myself with coding? 

22 hours ago, ladyniks said:

@tuanphan yes! you are a genius!, thank you so much.  is there a site that I can help myself with coding? 

See my signature ✌️

@tuanphan so now looking at my site, the main page where all blogs will be listed looks great, but when you click on the blog the page looks distorted. 

Can you please help with this?

site: https://www.huesofcomfort.com/blog/whyhuesofcomfort

@tuanphan so now looking at my site, the main page where all blogs will be listed looks great, but when you click on the blog the page looks distorted. 

Can you please help with this?

site: https://www.huesofcomfort.com/blog/whyhuesofcomfort

Can you turn off "disable right click" feature? Very difficult to check code without right click.

@tuanphan done! 

On 3/14/2020 at 9:27 PM, tuanphan said:

You mean white space at bottom?

Add to blog page settings > Advanced > Header

<style>
  main#page {
    height: 100vh;
}
  section, article#sections {
    height: 100% !important;
}
  
</style>

 

Where did you insert this code???

Blog Page Header, not Site Code Injection Header.

Blog settings < Advanced < Page Header Code Injection

Okay. It looks lile it affect both blog page/blog posts

Remove above code

add this to Home > Design > Custom CSS

.collection-type-blog-basic-grid.view-list
{
  main#page {
      height: 100vh;
  }
    section, article#sections {
      height: 100% !important;
  }
}

Thank you @tuanphan it worked perfectly. I appreciate the help you provide daily to me & others !!!!