I saw https://siteorigin.com/thread/reduce-the-vantage-footer-size/
and one solution there is setting a minimum height for the main content container.
Being new to making websites, I don’t know- what would that do on mobile devices? Is there some way to make the min height only apply to bigger screens, or is that not necessary?
This was the code suggested:
/* Main Container */
#main {
min-height: 500px;
}Thanks for being really responsive and giving great support!
Hi VWFeature,
Yes. You’re after a media query. Basically, nest the provided CSS like so:
@media (min-width: 600px) { #main { min-height: 500px; }}Please refer to this page for a list of device widths – the only important columns are the name, the CSS Width and CSS height row’s. The CSS width is the portrait while the landscape size is the CSS height.