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;
}
}
CSSThis site uses Akismet to reduce spam. Learn how your comment data is processed.
Support this PORTAL
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.
Leave a Reply