Removing whitespace between header and main img – mobile

  • Hi everyone

    Having a bit of an issue with some whitespace I can’t remove on the mobile view of my website. The whitespace isn’t there when in desktop view. This is happening to all webpages.

    Before diving in, I’m a novice and don’t really understand CSS too well. I’ve gone through and check there isn’t any odd padding or margin errors from the header or main image. Could this be a theme issue? I’m using ASTRA.

    Thanks!

    • This topic was modified 4 months, 2 weeks ago by jordypilgrim.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • You can tackle the issue by adding some additional CSS. You don’t have to CSS to do this. I will guide you and let’s do it.

    • Open your WordPress dashboard
    • Go to Appearance > Customize > Additional CSS
    • Copy and Paste the CSS Code given below on the next page
    • Hit ‘Publish’ button

    @media only screen and (max-width: 768px){
    html,
    body{
    width:100%;
    overflow-x:hidden;
    }
    }

    Remember to clear cache after adding the CSS. It’s recommended to mark this thread as ‘Resolved’ if this code solves your problem.

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.