Skip to main content

Are you still looking for something?

Generic filters
Exact matches only
Filter by Categories
Customization
Domains
Lightroom Plugin
Tools and Tips

Try these: contact formbuttonbuy photos

Moving the SmugMug footer to the bottom of the homepage on mobile

In cases when you are using the full-screen background slideshow or full-screen background image, and you don’t have any content below the navigation – the footer on mobile will appear in the middle or just below the MENU button.

Some of you are OK with this, but some of you would like to push the footer to the bottom of the page – on mobile. You can do this by adding a CSS content block to your homepage and then by adding this code to it:

CSS
/*Moving SmugMug footer to the bottom of the page on mobile*/
@media screen and (max-width: 736px){
.sm-page-powered-by {
    position: fixed !important;
    bottom: 10% !important; /*You can decrease this value if you want for the footer to appear near the bottom*/
    width: 100% !important;
 }
}
CSS

Related articles

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Support me

I am writing this portal in my free time and I pay for it myself. So, if you want to support my work – use this button to buy me a coffee 🙂 Which will help towards the hosting costs of the portal.