Footer is "leaking" into content when in mobile responsive

[beautyfool]

Hi there - as my subject line says. Anyone know what's up? I'm using the Altitude Pro theme.

My site is http://www.makeupforbeginners.com.

Any help would be much appreciated, thanks so much!

Renee

[Davinder Singh Kainth]

All looks ok. Can you share screenshot for better understanding of the issue?

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[beautyfool]

Hey Davinder 🙂

Sure, here is a screenshot, the one on the left is on desktop, the one on the right is mobile.

http://makeupforbeginners.com/wp-content/uploads/2015/09/footerhelp.jpg

Thanks so much,
Renee

[Davinder Singh Kainth]

Renee? wow... small online world 😀

I checked on iPhone, problem only seem to happen on the homepage. On about page, footer behaves fine.

I suggest your add min-height to homepage's flexible widget and then check. For more geeky solution, check this - http://josephfitzsimmons.com/simple-sticky-footer-using-jquery/

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[beautyfool]

It is indeed 😀

Oh boy, OK that is a bit hard for me... would that mean adding a min-height here:

.flexible-widgets {
padding-bottom: 60px;
padding-top: 100px;
}

I actually tried to do the whole "one big scrolling" homepage like the Altitude Pro demo, but when I put another in the "Front Page 2" widget, it also "leaked" to the top so I'm not sure if it could also be another issue?

Thanks so much for your help Davinder (as always!)
Renee

[Davinder Singh Kainth]

Try this code in style.css - add it before media queries section.

.site-footer {
position: absolute;
bottom: 0;
}

and then check.

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[beautyfool]

Thanks Davinder. I tried it but now the footer on the homepage is not visible at all and disappears on pages when in responsive. 🙁

[Davinder Singh Kainth]

Send me login details, I will check.

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Author]

Posts