Footer weirdness in mobile mode

TeetimeTeetime Registered Users Posts: 202 Major grins
edited December 8, 2015 in SmugMug Customization
On my site (link in signature) I have the mini "Powered by Smugmug" footer AND a custom copyright notice I have placed just above that. This works properly everywhere except on my home page when in mobile mode. Then, and only then the following happens:
1. Both footers are repositioned to an area about 1/3 down from the top.
2. The SM mini footer disappears except it briefly fades in at each transition of images in the full screen slide show, as though this footer is underneath the slideshow.

Any suggestions for fixing this?
Jerry

Comments

  • photoclickphotoclick Registered Users Posts: 278 Major grins
    edited December 8, 2015
    Try turning ON the "Full Height" in the Layout tab for the Home Page.
  • TeetimeTeetime Registered Users Posts: 202 Major grins
    edited December 8, 2015
    photoclick wrote: »
    Try turning ON the "Full Height" in the Layout tab for the Home Page.

    If you mean "Fill Height" I just tried that but it didn't make any difference. I did have a different problem with Fill Height discussed here where all the items that overlay the slideshow (navbar, breadcrumbs, social icons) can be moved independent of the background when Fill Height set ON. So I have it off for that reason. Any other suggestions?
    Jerry

  • photoclickphotoclick Registered Users Posts: 278 Major grins
    edited December 8, 2015
  • photoclickphotoclick Registered Users Posts: 278 Major grins
    edited December 8, 2015
    Try this on home page:
    @media screen and (max-width: 670px) {
      .sm-page-powered-by, .sm-page-widget-13192380 {
        position: fixed;
        width: 100%;
      }
      .sm-page-powered-by {bottom: 0px;}
    
      .sm-page-widget-13192380 {bottom: 35px;}
    }
    
    
  • TeetimeTeetime Registered Users Posts: 202 Major grins
    edited December 8, 2015
    Hmm. That moved my copyright widget to the bottom, but not the .sm-page-powered-by widget. And for what its worth, it still is only visible when it fades in during the photo transitions, suggesting it is somehow behind (i.e., lower z level) the slideshow. I'm going to be away from the computer for a while but if you have another suggestion I'll check back later this evening. Thank you for helping with this.
    Jerry

  • photoclickphotoclick Registered Users Posts: 278 Major grins
    edited December 8, 2015
    add "!important".... like this:

    @media screen and (max-width: 670px) {
    .sm-page-powered-by, .sm-page-widget-13192380 {
    position: fixed !important;
    width: 100% !important;
    }
    .sm-page-powered-by {bottom: 0px !important;}

    .sm-page-widget-13192380 {bottom: 35px;}
    }
  • TeetimeTeetime Registered Users Posts: 202 Major grins
    edited December 8, 2015
    That fixed it - thanks again for the excellent help!
    Jerry

Sign In or Register to comment.