Resizing Issues With Site When Viewed On Tablet

Site URL: https://www.euphonichealth.com

Hello,

I am having issues with the following pages when viewing my site on a tablet;

https://www.euphonichealth.com/coaching-enquiry-form - text at the top of the pricing table is getting pushed to the right. Is it possible to centre this as it is on mobile and desktop?

https://www.euphonichealth.com/coaching - In the section titled 'who is it for?' (https://www.euphonichealth.com/who-is-it-for) the text is bleeding out of the black box. Is there a way to reduce the font size just for tablet to make it fit?

Thanks in advance,

Patrick

Add to Design > Custom CSS > Then save & reload the site

/* Coaching enquiry form tablets on mobile */
@media screen and (max-width:900px) and (min-width:641px) {
section#pricing-tables h2 {
    font-size: 16px !important;
    padding-left: 0;
    padding-right: 0;
}
/* who is it for posters */
div#page-6111722a4828f94c0f6bd101 .image-inset {
    padding-bottom: 150% !important;
}
}

9 hours ago, tuanphan said:

Add to Design > Custom CSS > Then save & reload the site

/* Coaching enquiry form tablets on mobile */
@media screen and (max-width:900px) and (min-width:641px) {
section#pricing-tables h2 {
    font-size: 16px !important;
    padding-left: 0;
    padding-right: 0;
}
/* who is it for posters */
div#page-6111722a4828f94c0f6bd101 .image-inset {
    padding-bottom: 150% !important;
}
}

 

Hey thanks so much for helping me with this! Do you have some sort of donation/PayPal link where I can contribute?

I noticed the buttons at the bottom are also pushed over to the right. Is there a way to centre these too?

Thanks again for your help it is very much appreciated.

Patrick

On 9/9/2021 at 12:04 AM, patrickeuphonic said:

Hey thanks so much for helping me with this! Do you have some sort of donation/PayPal link where I can contribute?

I noticed the buttons at the bottom are also pushed over to the right. Is there a way to centre these too?

Thanks again for your help it is very much appreciated.

Patrick

 

Hi,

How about stacked these boxes on tablet?

/* Coaching enquiry form on tablet */
@media screen and (max-width:991px) and (min-width:768px) {
section#pricing-tables .markdown-block {
    padding: 10px !important;
}
}

On 9/12/2021 at 1:56 AM, tuanphan said:

Hi,

How about stacked these boxes on tablet?

/* Coaching enquiry form on tablet */
@media screen and (max-width:991px) and (min-width:768px) {
section#pricing-tables .markdown-block {
    padding: 10px !important;
}
}

Hey thanks so much that worked perfect!

Thanks again for your help I appreciate it very much 🙂