Layout questions

[Phil Illingworth]

Phil Illingworth

September 16, 2019 at 5:31 am

Hi, I have a couple of questions to do with page layout where I’m struggling to find a solution.

1 – Footer: I’d like the footer to stick to the bottom of the page where there is little content. I used this code from elsewhere in the forum but it doesn’t seem to work. Also on pages (such as the home page) where there is a larger image the footer is sticking to the image.

@media (min-width: 992px) {
html, body {
height: 100%;
}
html body.wide #wrapper.container {
min-height: 100%;
position: relative;
padding-bottom: 88px !important;
}
#containerfooter {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
}

2 – Content below header: I’d like the content (specifically images) to start immediately below the header, so that the spacing below the logo and menu is equal to that above. At the moment the content defaults to a lower position, although it will scroll to that point before it starts to disappear behind the header.

I’ll add a couple of links in a reply. Thank you!