How to Center text vertically on the page

Site URL: https://tarantula-dogfish-65gt.squarespace.com/

On the cover page of the website I want to center the text vertically on the page, particularly on mobile. I've made things just affect mobile, but none of the solutions I tried would make the text center correctly vertically on the page.

On 3/15/2022 at 12:20 PM, bangank36 said:

Try adding to Home > Design > Custom Css

@media only screen and (max-width: 767px) {
  section[data-section-id="5fa08fed306ad854b4d98bd9"] .content-wrapper {
    padding: 50% 0 !important;
  }
}

Let me know how it works on your site

It worked! Thank you so much! Is it possible to make the large text closer to the smaller text?

On 3/20/2022 at 1:57 AM, chuckleburger said:

It worked! Thank you so much! Is it possible to make the large text closer to the smaller text?

You mean on mobile? Add to Design > Custom CSS

/* Mobile - space h1 - p */
@media screen and (max-width:767px) {
#block-yui_3_17_2_1_1610138058146_2028 h1 {
    margin-bottom: 0px;
}
}