Vertically align text in Index

Site URL: https://www.zoelinda.co.uk/apt-new

Hey! I need to make some text center-aligned vertically.

Here's the page: https://www.zoelinda.co.uk/apt-new

I'd love for this section at the top (my fake nav bar) to be center-aligned so it lines up with the button height.

Anyone have any idea how to do this in CSS?

Is this what you want, this is a fake nav so I have to follow your column set up

[data-collection-id="5f9c4c0866f88d6cf66527b1"] .span-12 .row {
  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}
[data-collection-id="5f9c4c0866f88d6cf66527b1"] .span-12 > .row   .col {
  justify-content: center;
}

[data-collection-id="5f9c4c0866f88d6cf66527b1"] .span-12 > .row  .col .sqs-block {
      height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

1 minute ago, bangank36 said:

Is this what you want, this is a fake nav so I have to follow your column set up

[data-collection-id="5f9c4c0866f88d6cf66527b1"] .span-12 .row {
  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}
[data-collection-id="5f9c4c0866f88d6cf66527b1"] .span-12 > .row   .col {
  justify-content: center;
}

[data-collection-id="5f9c4c0866f88d6cf66527b1"] .span-12 > .row  .col .sqs-block {
      height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

I just tried adding that code into my Custom CSS but it didn't change anything - for the margins, I'm using this code:

div#nav .page-content {
    max-width: 100% !important;
    padding-bottom: 5px !important;
    padding-top: 10px !important;
}

Does that make a difference?

5 minutes ago, ZoeLinda said:

I just tried adding that code into my Custom CSS but it didn't change anything - for the margins, I'm using this code:

div#nav .page-content {
    max-width: 100% !important;
    padding-bottom: 5px !important;
    padding-top: 10px !important;
}

Does that make a difference?

have you added the code I sent? I did not see it in your site.css

2 minutes ago, bangank36 said:

have you added the code I sent? I did not see it in your site.css

Oh! I tried it in Squarespace and it didn't make a difference so I removed it but just added it and looked at the published page and it worked!

My bad!! Thank you so much!

@bangank36 Okay, just playing around with this and realised that the text is now not mobile-responsive. Any idea how to fix that?