Text on mobile and some tablet versions is all cut off

Hi There :slight_smile:

I hope you are all well.

Please may I ask for some assistance? This is quite strange and I have not seen this before on this theme (I am probably doing something wrong :scream_cat:)

Most of my mobile and tablet version of website pages are all cut off like this:

Is there any way to fix this?

Our link is: wendyvrooyenphotography.co.za, the site is currently on password mode and the password is: WENDYVPHOTOGRAPHYNEW

Many thanks for your kind assistance

Best,
Mel

Hi Mel,

I checked your homepage, but I can’t find the part shown on your screenshot.

Can you share a link to the page needing help with, so I can inspect it directly?

Regards,
Kharis
aThemes Support

Hey Kharis :slight_smile:

Many thanks for your reply, much appreciated.

My apologies there are actually several pages with the same problem. Here is an example: http://www.wendyvrooyenphotography.co.za/cake-smash/cake-smash-booking-form/

Best,
Mel

Hi Mel,

Seems likely this CSS code presents in your website’s Additional CSS. And it causes you this issue.

    .page .page-wrap .content-wrapper, .single .page-wrap .content-wrapper {
        padding: 0px;
    }

If you can get it, try replacing it to:

    @media only screen and (min-width: 768px) {
      .page .page-wrap .content-wrapper, .single .page-wrap .content-wrapper {
          padding: 0px;
      }  
    }

I hope that helps.

Regards,
Kharis
aThemes Support

Hi Kharis

This 100% did the job :slight_smile: thank you so much for your help :slight_smile:
Just one quick problem since I fixed that, there is a white band on the bottom of the mobile version as shown in red below, do you know how I can get rid of that?

Many thanks

Best,
Mel

Hi Mel,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 767px) {
      .page .site .page-wrap .content-wrapper, 
      .single .site .page-wrap .content-wrapper {
        padding-bottom: 0;
      }
    }

Regards,
Kharis
aThemes Support

Hi Kharis

So sorry for the delayed response, this worked out perfectly :slight_smile:

Thank you as always for your kind assistance :slight_smile:

Best,
Mel

You’re welcome Mel!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis
aThemes Support