Page Content wider than header mobile view

Airi
#1

Hello,

I’m having some issues with my contact page.

On tablet and mobile view, the content of the page extends beyond the width of the header, so there’s a white space and visitors to the site will need to scroll across to view the content.

How can I fix this?

Thanks

#2

URL for my site is www.funmidaniel.com

#3

Hi,

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

    html,
    body {
      overflow-x: hidden;
    }

Regards,
Kharis
aThemes Support

#4

Hello,

That’s fixed the issue of the header width, but now the content on the page is cut off where the width hasn’t automatically adjusted. Pic here to explain what I mean: https://drive.google.com/file/d/14GsR8FU2d_hLLZtNbON8TCdpeY_i9999/view?usp=sharing

#5

Is there also a way to centralise my contact form in it’s box, at the moment, it’s justified to the far left and looks uneven.
Thanks

#6

Hi,

Try adding this CSS code to your website’s Additional CSS.

    @media only screen and (max-width: 767px) {

      .elementor-section.elementor-section-boxed > .elementor-container {
        max-width: 100% !important;
      }

      .page-id-144 .elementor-column.elementor-col-50 {
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
      }
      
    }

I hope that helps.

Regards,
Kharis
aThemes Support

#7

Hi,

Ok, so the contact form width fix worked, so thanks for that, but unfortunately I still have content on the whole page bleeding off. It’s like I ned to shift all of the content to the left as it’s not doing it automatically mobile view.

https://drive.google.com/file/d/1cipx-OuWdDHt-xc8u40urYLULBlS1Jyi/view?usp=sharing

Thanks

#8

As chcked further, seems likely you’re having a challenge with Elementor layouting on mobile screen. Please check this tutorial that will help you with this.

Regards,
Kharis
aThemes Support

#9

Hello Kharis,

I found the solution on that tutorial. Thanks for your help!

1 Like
#10

You’re welcome!

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