Streaming live at 10am (PST)

Width of the page too big


#1

Hi everyone, I'd really appreciate some help with a slight issue I'm having.

I'd like for people to be able to scroll up and down through the page, but when I click on the overflow thing, it makes the
page wider than it needs to be so there's a white empty space to the right of the screen which I don't need.

How can I make it so that everything fits into the page nicely AND lets you scroll up and down but not left and right
?
my website is http://www.benmurraysmith.co.uk and currently you can't scroll but its looks like how I want it to look.

The moment I allow scrolling, it adds that horrible empty space?! Please help!

Thank you in advance for any help, Ben

Here is my public share link: https://preview.webflow.com/preview/ben-murray-smiths-first-site?preview=f06b2c095c653d02410d7a55b6d49c2f


#2

Hi, Ben!
On your site section Body has "overflow-y: hidden", it should be "auto" or "visible" or "scroll" - http://prntscr.com/9e3sni
So, vertical scrolling is hidden)

I see 3 ways:
1) You can manually edit this parametr in css-file after export site.
2) Or paste this code in Webflow to "Custom Code" section before </body> tag.

<style>
 body {
   overflow-y: auto !important;
 }
</style>

3) Or you can set to Body class "overflow: auto" and find all the elements that go beyond the content to remove the white space.


#3

Hi Eka,

Thanks very much for the response that seemed to work great! I found that one of the boxes was way too wide!

Ben


#4

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.