Footer on iPad and iPhone

mjsmjs Registered Users Posts: 152 Major grins
edited March 29, 2014 in SmugMug Customization
The footer on my desktop is positioned as it should be in the center of the screen. But on my iPad and iPhone it is positioned way right of center. Is there a way to get all systems to display correctly?

Thx
msabatini.com

Comments

  • Smug EricSmug Eric Registered Users, Retired Mod Posts: 333
    edited March 28, 2014
    Remove the left padding and in the text box select to center the text. Also remove the extra spaces as that will throw things off.
    Eric
    Support Hero and Customeister
    http://www.smugmug.com/help
  • Hikin' MikeHikin' Mike Registered Users Posts: 5,467 Major grins
    edited March 28, 2014
    mjs wrote: »
    The footer on my desktop is positioned as it should be in the center of the screen. But on my iPad and iPhone it is positioned way right of center. Is there a way to get all systems to display correctly?

    Thx

    Not on my desktop. :D

    Eric is correct though. thumb.gif
  • mjsmjs Registered Users Posts: 152 Major grins
    edited March 28, 2014
    Not on my desktop. :D

    Eric is correct though. thumb.gif

    Thanks Mike and Eric, I'll give it shot when I get home.
    msabatini.com
  • Jingle ImagesJingle Images Registered Users Posts: 212 Major grins
    edited March 28, 2014
    mjs wrote: »
    The footer on my desktop is positioned as it should be in the center of the screen. But on my iPad and iPhone it is positioned way right of center. Is there a way to get all systems to display correctly?

    Thx

    Do this in your css

    Remove this from your Footer

     

    add this
    .sm-page-widget-4650532 .sm-page-widget-content {
    margin-left: auto;
    margin-right: auto;
    width: 264px;
    }
    
  • mjsmjs Registered Users Posts: 152 Major grins
    edited March 29, 2014
    Do this in your css

    Remove this from your Footer

     

    add this
    .sm-page-widget-4650532 .sm-page-widget-content {
    margin-left: auto;
    margin-right: auto;
    width: 264px;
    }
    
    Thanks to those who responded. I implemented Eric's first and that did the trick. Thanks again.
    msabatini.com
Sign In or Register to comment.