Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
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.