Weebly Footer is TOO BIG on 27" monitor

[MeganEly]

I am using a noheader.html and have looked at the html and the css styles for footer trying to figure this one out and I’m stuck!

Website is http://www.shanehobgood.com

On my 21″ monitor, the footer looks fine. On the 27″ monitor, it takes up 1/3 of the screen. I would like to either make the middle container larger or the footer smaller. Is this possible?

Too see the issue here are the two screenshots
21″ monitor: http://s17.postimg.org/nmaaykabz/Screen_Shot_2016_01_16_at_12_29_29_PM.png
27″ monitor: http://s12.postimg.org/7wwv42tzx/Screen_Shot_2016_01_16_at_12_31_36_PM.png

[Paulie_D]

The inner footer has a max-width..is that what you mean?

.wsite-footer {
    margin: 0 auto;
    max-width: 1100px;
    padding: 1em 1em;
}

[MeganEly]

I tried changing that and it changed the whole width of my site, with the navigation piling up on top of each other etc, so I put it back at 1100px. It did not affect the height of the footer.

[Paulie_D]

Ahhh, well that’s not all the footer…it’s the footer being below the content and then the body’s background color…try turning off the bg color and you’ll see.

What’s basically happening is that the footer isn’t at the bottom of the page …it’s just the last thing on the page…which might be at the bottom of the screen.

What your really need is a “sticky footer”…and there’s a few techniques for that…off to google you go.

:)

[Author]

Posts