why is homepage scrollable?

St LaurieSt Laurie Registered Users Posts: 31 Big grins
edited September 19, 2013 in SmugMug Customization
Guys, I'm trying to work out why my homepage is scrollable:
http://lauriestreet.smugmug.com/
Here are my settings:
Layout - Stretchy
Fill Height - On
Top Margin - 0 px
Side Margins - 0 px
Bottom Margin - 0 px
Header, Body & Footer Width - Auto px
Left sidebar - On
Left sidebar width - 24 px
Right sidebar - On
Right sidebar width - 24 px
Section Pinned - Right

Any ideas?
Cheers

Comments

  • Smug EricSmug Eric Registered Users, Retired Mod Posts: 333
    edited September 18, 2013
    It's because of this on your entire site css in the customize menu:

    body {
    padding: 20px;
    }

    The padding it's adding to the top is throwing things off a bit. So if you add it like this instead:

    body {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    }

    It'll work without scrolling.
    Eric
    Support Hero and Customeister
    http://www.smugmug.com/help
  • St LaurieSt Laurie Registered Users Posts: 31 Big grins
    edited September 19, 2013
    Fantastic, thanks Eric :)
    I actually used your code
    .hidden {
     display: none;   
    }
    .fancybox-title a {
     color: #fff;        
    }
    body {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    }
    

    however was still scrollable so modified it to:
    .hidden {
     display: none;   
    }
    .fancybox-title a {
     color: #fff;        
    }
    body {
    padding-left: 20px;
    padding-right: 20px;
    }
    

    Appreciate you pointing it out though,
    Cheers
Sign In or Register to comment.