Blank White Space on sides of home screen

  • fifthshotmedia

    (@fifthshotmedia)


    9 months ago

    Hi, Im using elementor page builder. My home page for some reason has blank white space on the sides and the containers dont take up the entire webpage(both on web and mobile). All the other pages I’ve built cover the entire screen. In my settings, they are identical. From what Ive looked up, Im trying to inspect the web pages to see if there are any discprenacies between the css files but its a tad out of knowledge to search for that. Can anyone help?

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator t-p

    (@t-p)

    I recommend asking at https://www.ads-software.com/support/plugin/elementor/#new-post so its developers and support community can help you with this.

    Moderator bcworkz

    (@bcworkz)

    This rule is limiting the max-width of content, causing the white margins:

    @media screen and (min-width: 922px) {
  .ast-container {
    max-width: 1240px;
  }
}

    On your other pages it’s overridden by page specific CSS. To apply a preferable max-width globally, copy the above rule to Additional CSS section of the customizer or style book. Alter the 1240px size to your preference.

    Your other pages have a max-width of 100%. You can do that for this rule as well, but I generally recommend some practical upper limit. In case someone has a very large monitor, a 100% width could result in an awkward layout. I usually prefer to limit content to something more reasonable like 1600px. But it’s your site, do as you wish ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Blank White Space on sides of home screen’ is closed to new replies.