Newsletter & Form text squished on mobile

Site URL: https://www.officetribe.co.uk/

Hello,

I wondered if someone could help with a way to fix the text 'scrunching' on mobiles/tablets?

I've attached a couple of pictures so you can see that it's happening on the newsletter and form blocks.

Any help/guidance would be much appreciated

Em

13 hours ago, emmeridge said:

Site URL: https://www.officetribe.co.uk/

Hello,

I wondered if someone could help with a way to fix the text 'scrunching' on mobiles/tablets?

I've attached a couple of pictures so you can see that it's happening on the newsletter and form blocks.

Any help/guidance would be much appreciated

Em

 

 

try this custom css

.newsletter-form .newsletter-form-header-description,
.sqs-block-form .field-list .description{
  line-height: inherit;
}

@bangank36 THANK YOU!

This worked instantly, appreciate this help so much. Thank you again. 

@emmeridge On tablet, footer doesnt look good.

You can use this CSS

/* Tablet buttons */
@media screen and (max-width:991px) and (min-width:768px) {
[data-section-id="602c0e781140e20c406fdd73"] .content {
    width: 90% !important;
}
}