I am using the TEMPERA theme. On desktop the site is how I would like it. On a mobile view there is a bunch of space under the menu. I added the following code:
@media (max-width: 800px) {
body #branding, body #bg_image { min-height: 0; }
}
Originally there was added the space under the header/logo, the code eliminated that, but then added the space under the menu. The site was 100% responsive the way I liked it two days ago and all of a sudden without making changes this happened. How do I eliminate the extra space? I feel like I’ve tried everything and it makes it difficult because it only seems to be in the mobile view. Thank you in advance!