Support » Plugin: Elementor Page Builder » Page width, footer and different browser sizes

  • Resolved BartZG

    (@bartzg)


    Hey team,

    I just started using Elementor by following a certain YouTube tutorial. I have a few questions/problems regarding page width, footer and different browser sizes. I’m using a OceanWP theme. In WordPress, page is set to 100% full width

    1) My landing page has only one section with a background image, a logo, few text sections and a button. If I leave every value of a section layout as default then on bigger screens or on big browser windows I get a huge white space bellow that section:
    https://i.imgur.com/3CRt0u7.png

    In case I put Fit to screen in section height + stretch section on then on smaller screens I get a footer over some content:
    https://i.imgur.com/5yxNhQT.png

    In case I put min height in section height as 100vh + stretch section on then it looks correct but not good and what I mean with that is that it works (footer does not break section and there is no white space) on every screen size but almost on every screen you have to scroll to see bottom of the page.

    Is there an easier or correct way to fit this page to window size (browser size)?

    2) Same thing goes for my /contact page which does not have a lot of content and has two sections overlaping. Because there is not enough content, page has a footer on the middle (same as in first question, bellow footer is big white space).
    https://i.imgur.com/M3SgkA5.png

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

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘Page width, footer and different browser sizes’ is closed to new replies.