Mobile Rendering Askew

Hi

I have got the site to look well on my desktop and tablet but the mobile site is not right.

There are large white spaces between blocks on the mobile view. How do I solve this issue please? No plug-ins being used.

https://waltermastering.mystagingwebsite.com

Any help greatly appreciated!

Cheers

Hello there,

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

    @media only screen and (max-width: 991px) {
      .dslc-modules-section {
        padding-bottom: 20px !important;
      }
    }

Regards,
Kharis

Hi Kharis

Thanks for you quick response, I tried the CSS but still the big gaps between blocks/modules on mobile view - do you have any further suggestions, do you need an admin account for site to look at in person?

Very best wishes

Try this code:

    @media only screen and (max-width: 991px) {
      .dslc-modules-section {
        padding-bottom: 0 !important;
      }
    }

Clear you web browser’s history before reloading your site. As it usually won’t load recent changes made.

Regards,
Kharis