Site logo

Archived topic

Remove White Space on Mobile

5 replies · Started by Josh on June 1, 2021

Viewing posts 1–6 of 6

How can I edit the CSS on my site so there's no white space on the mobile home page? Please see the screenshot - https://ibb.co/fqZwghF.

Here's the site - classroomdiy.com

Thank you,
Josh

Hi Josh,

Looks like there is an empty page hero/header element there.

Can you try removing that under Appearance > Element?

There was an empty H2 element under the "page hero" section. I removed it and the mobile website didn't change but the first widget on the desktop side change a lot. Is that what you were talking about?

Hi Josh,

What Leo meant was the entire header element should be removed if there's no content in it.

Once you remove the header element, you'll find the main content will overlap with the header, it's because there's a -149px top margin applied to a section built with elementor.

You'll need to remove that top margin.

Let me know if you need further assistance :)

Thank you for the further explanation. That did it!!

Great!

You are welcome :)

This archived topic is closed to new replies.