Lensa Footer Float on SmartPhone

Hi Again!

Just several minutes ago, my friend Nicolas from USA send me an e-mail asking about the floating footer of Lensa theme when accessed using a smartphone (Android).

Since i’m not using an Android but a Windows Phone, there is no error happened on my device. Everything is working fine. Then, i start to check the site using an Android browser emulator.

And yes! The footer section is floating in the middle.

To fix this problem is very simple, just add this code at a file named style.css at the very end of it:

@media (max-width: 977px) {
.progress-wrapper{
position:fixed;
margin-bottom:26px;
}
.footer-section{
position:fixed;
bottom: 0px;
}
default setting:
.footer-section, .progress-wrapper{
position:static;
}
}

And done!

Advertisements

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s