Hello,
I just developed a site and noticed an issue w/ the footer, only on one of the pages, just on mobile devices. On this page I have 4 color sections w/ parallax images. I did some testing by removing the color sections, and they appear to be causing the issue w/ the footer getting jumbled on mobile (instead of dropping the footer sections below each other. See screenshot.
This is the page w/ the issue: http://www.friedbonder.com/practice-areas/
Screenshot of footer: http://www.screencast.com/t/fz3t3ZRpcZme
Any idea why this is happening, and how it can be fixed?
Thanks for your help!
-Ryan Flaherty
Hi rjflaherty!
Please try the following in Quick CSS under Enfold–>General Styling:
@media only screen and (max-width: 767px) {
.page-id-1040 .av_one_third {
margin-left: 0% !important;
width: 100% !important;
}
}
Cheers!
Rikard
This worked. Thanks!!
-Ryan