CODEWITHSUNDEEP
javascripthtmlcss
alejandro Guevara
alejandro Guevara

Reputation: 27

Blank space under the footer

I'm making a webpage and I found out that on some pages there is extra blank space below the footer and when I reload the page it just disappears.

This happens on almost all pages except Home and Contact Us.

I have just tried looking for on Inspect Element on Chrome and Firefox and adding the style 

.footer{
    bottom: 0 !important;
}

but still can't find the source of the problem.

Here is the link http://event1930.cgr-dev.com/services

Upvotes: 1

Views: 148

Answers (5)

Suthakaran NM
Suthakaran NM

Reputation: 1

Try this:

html, body {
    margin: 0;
    height: 100%;
}

Upvotes: 0

Anthony Asay
Anthony Asay

Reputation: 1

Try:

.footer{
    margin: 0;
    padding: 0;
}

Also try messing with the position and display setting.

Upvotes: 0

amanda
amanda

Reputation: 36

It looks like this issue may be coming from the animation tied to the bounceInUp class. This is the rule: translateY(-2000px);. Any of your pages that has a button with that class seem to have the issue. Try reducing the pixel value on that animation and it should fix your problem.

Upvotes: 2

Parth Raval
Parth Raval

Reputation: 4423

remove padding-bottom: 30px; from #footer

Upvotes: 0

luk492
luk492

Reputation: 368

Try:

.footer{
    position:relative;
    bottom: 0 !important;
}

Upvotes: 0

Related Questions