Image block text not vertically aligning correctly

Site URL: https://goodhealthclinic.co.uk/

I have an 'Image Block' underneath my main nav bar at the top of my page with a subtitle on the left and some contact details on the right. I've set the text to align vertically centre, however it's not aligning correctly (see images). Some browsers are bearable, but some - like Safari - look terrible. 

Is there a  custom code injection I can add to always align the type vertically in the middle of my blue banner box?

The images are screenshots of two different browsers: Chrome and Safari.

Thanks

Add to Home > Design > Custom CSS

div#page-section-5fd4a495313c42342b5fddda .span-12>.row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
[data-section-id="5fd4a495313c42342b5fddda"] .content-wrapper {
    padding-top: 25px !Important;
}

--

Some feedbacks on your site

1. (Tablet) Some text on homepage a bit narrow. If you need to increase width, we can give the code.

Similar on Fees page. https://goodhealthclinic.co.uk/fees

and Contact Page. https://goodhealthclinic.co.uk/contact

2. (Mobile) Some pages have very long content. You can consider adding a back to top button.

@tuanphan

The same thing is also happening to my website: psadesign.co.uk/home on the "What we do" heading on the homepage with the blue background. 

Any ideas what code I can use? It centres fine on mobile but not on desktop....

Thanks

On 3/29/2021 at 5:49 PM, ldavies said:

@tuanphan

The same thing is also happening to my website: psadesign.co.uk/home on the "What we do" heading on the homepage with the blue background. 

Any ideas what code I can use? It centres fine on mobile but not on desktop....

Thanks

You mean center this text?

Need advice? Ask one of our experts.