Page width, footer and different browser sizes
-
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:
In case I put Fit to screen in section height + stretch section on then on smaller screens I get a footer over some content:
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).
The page I need help with: [log in to see the link]
- The topic ‘Page width, footer and different browser sizes’ is closed to new replies.
