Archived topic
Responsiveness and Footer Problem
1 reply · Started by Whelen Troy on February 23, 2019
Hello Tom, I wish you good health while reading this post.
Here's the problem: http://www.juanmacau.com/macau/
1. RESPONSIVENESS. I have issues regarding responsiveness of my site. Whenever I try to open my site on a smaller device, like mobile, I have issues with responsiveness. More particularly, on the width. How do I resolve this?
2. FOOTER, it looks eerie. If you can visit the problem page in the link above, you will see that there's a huge space between the footer and the bottom of the screen if you open it on a desktop. How do I resolve this?
I am looking forward for your reply. By the way, I am using GP Premium and Elementor FREE to edit this page.
Thanks!
Hi there,
1. I'm not seeing anything obvious, but since you're using Elementor to build the page, you should be able to use their responsive options to adjust things on mobile.
2. This is happening because the content isn't tall enough to push the footer down to the bottom. In your case, you should be able to do this:
#page {
min-height: calc(100vh - 84px);
}84px being the height of your footer.
You'll also likely want to change your body background color to white in Customize > Colors > Body.
