Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Resizing Issues With Site When Viewed On Tablet


patrickeuphonic

Question

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

 

 

Screenshot 2021-09-06 at 21.10.05.png

Screenshot 2021-09-06 at 21.17.23.png

Edited by patrickeuphonic
Forgot to add images.
Link to comment

4 answers to this question

Recommended Posts

  • 0

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;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
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

 

Screenshot 2021-09-08 at 18.03.24.png

Edited by patrickeuphonic
Spelling Mistake
Link to comment
  • 0
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

 

Screenshot 2021-09-08 at 18.03.24.png

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;
}
}

image.thumb.png.a787ee6a5a803252e9880c12fbe9507f.png

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
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;
}
}

image.thumb.png.a787ee6a5a803252e9880c12fbe9507f.png

Hey thanks so much that worked perfect!

Thanks again for your help I appreciate it very much 🙂

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...