Streaming live at 10am (PST)

[Resolved] Bottom of Page is cut off


#1

Hello!

I am not too sure if anyone else is experiencing this.

The design canvas seems to have been cut off and I can’t work on it. Even after adding sections. This just happened recently.

As you can see from first image, the section is only showing a little bit of it’s original size. So I deleted the bottom most section and as you can see from the second image, the section you are looking at has a top and bottom padding of 100px. And it seems that a third of the padding has been cut off from the canvas.

Tried reloading the website, logged out and log in again but it’s still showing this.


Bottom and footer is cut off
#2

Do you have a share link so I can view your project?


#3

https://preview.webflow.com/preview/gillian-tan?preview=02b2903da2ee0b03b7d6dd49d530ce71


#4

If you put content (for example a heading) inside the container you will find that the padding will be correct. Webflow displays empty elements with a specific height. This height is only for the user to be able to move in content easier but it’s not actually there for the rendered website.


#5

I don’t think that is the problem I am facing here. It is always at the bottom of the page.


This image shows of an empty container or section in between other sections


This image shows of an empty container added to the bottom of the “Body”


#6

Have you tried pulling in some content?
You can also pull content in the list tab if you can’t see the element anymore.


#7

@AnnaKelian Hi Anna, may i know why this is tagged under design help?


#8

Hi @makdicowz

I checked your preview link and I do not see the issue on this end. Seems the issue was resolved. Hense, I moved it to design help as there doesn’t seem to be a bug.

Were you able to resolve it? If not, and if you can provide some more details, I’m happy to take another look and see if indeed there’s a bug there.

Details you may provide:

  • What browser are you using and is your browser up-to-date?
  • Are you experiencing the same issues while being logged into Webflow using Incognito mode with browser extensions turned off?
  • Is there any error in the Console? If yes, please take a screenshot of your Console and send it to me.

Standing by for your response!

Kindest regards,
Anna


#9

Hey @AnnaKelian

The issue is still there.

  1. I am using Chrome and it is up to date

  2. Yes I am experiencing the same issue while using Incognito Mode with all extensions turned off.

  3. I am not too sure if there is an error in the console. But sometimes while logging in I get an error of “There seems to be an error in webflow. Please contact support@webflow.com” After clicking ok, I am back on webflow. It does happen from time to time.


#10

@makdicowz it would be really helpful if you could see the console for me please. You can see the console by pressing: cmd+option+i

If there’s any red error please send me a screenshot of the error.


#11

@AnnaKelian

No errors listed here.


#12

Hi again @makdicowz

I see you have added a 70px margin on the Hero section which is pushing the content of your site 70 px down and out of the body element. Removing that margin fixes the issue.

CloudApp

I will check with our developers if this is a bug or expected behavior.

In the meantime, there are many ways to add that extra70px above the hero. If you need help with that let me know.


#13

Hi @AnnaKelian

Thanks.

But I have been doing it for most of my websites and it doesn’t have this effect of pushing the website down. But anyway, it has been solved. Just have to find a new way to add the 70px. :slight_smile:


#14

Yes, it strange, it might be conflicting with another styling. I tested on a blank canvas. It only happens after a certain px height is exceeded.

I will investigate it with the team. In the meantime, the simplest way to add the 70px is to add a section above your hero section with height 70px.

​Hope this is helpful.

Kindest regards,
Anna


#15

Thanks a lot for the advice. Have a great day!


#16

Most welcome! You too!


#18

@makdicowz

Thank you for bringing this to our attention! The team is investigating this issue and it is indeed a bug. I’ll let you know when It’s fixed.

Kindest regards,
Anna


#19

Hey @AnnaKelian,

ahh ok! Great!


#20

Hi @makdicowz

We found the problem, and it’s called collapsing margins.

So, this is not a bug in the Designer, this is something related with how CSS works on the web.

Therefore, whenever you need to separate the first element from the body, instead of adding margin-top to the element, you should add padding-top to the body.

​Hope this is helpful.

Kindest regards,
Anna


Issue with footer
#21

Hi @AnnaKelian

Got it!