Help with matching WP site (so close!)

oceanthrstyoceanthrsty Registered Users Posts: 134 Major grins
edited March 16, 2016 in SmugMug Customization
Hey all I'm REALLY close. Just a couple small things left. :scratch

At the top of my page I have a small white band that I'm trying to eliminate. www.glossyfinish.com
Of course it doesn't show up in the editor, but I can't seem where to eliminate it or what I have to fix.

Secondly, is there anyway I can get the menu bar to not stack up when the window gets smaller. I'd prefer the menu to slide to the left as the window gets smaller, then start making the text smaller, then finally converting it to the "Menu" button.

you can see the behavior I'm looking for here: www2.glossyfinish.com

Thanks!

Comments

  • Lille UlvenLille Ulven Registered Users Posts: 567 Major grins
    edited March 16, 2016
    Hi oceanthrsty

    Try adding the following code to a CSS block valid on the entire site to remove the white banner:
    div.sm-page-content {
        margin: 0px 0px 0px !important;
    }
    

    For your menu I would think you need those "media" rules
    @media screen and (min-width: 480px)  and (max-width: 600px) {
        .sm-page-widget-nav-toplink > a{
            font-size: 10px;
        }
    @media screen and (min-width: 601px)  and (max-width: 700px) {
        .sm-page-widget-nav-toplink > a{
            font-size: 12px;
        }
    }
    @media screen and (min-width: 701px)  {
        .sm-page-widget-nav-toplink > a{
            font-size: 14px;
        }
    

    But I am not certain if you can trigger the menu-button yourself, I would assume so, but ... maybe someone else can help out (or maybe just making the fonts smaller for all the other ones already helps you out?)

    Good luck

    Lille Ulven
    https://www.lilleulven.smugmug.com - The Photos of my travels
  • Hikin' MikeHikin' Mike Registered Users Posts: 5,467 Major grins
    edited March 16, 2016
    I would NOT use media rules.

    To the OP, your logo container and navigation container are set to 50%. I would set your logo at 15% and your navigation to 85%. That should take care of that.
  • oceanthrstyoceanthrsty Registered Users Posts: 134 Major grins
    edited March 16, 2016
    I would NOT use media rules.

    To the OP, your logo container and navigation container are set to 50%. I would set your logo at 15% and your navigation to 85%. That should take care of that.

    Mike that worked! Thank you. I thought I had that setup differently but when I had deleted a previously used space it much have reset the percentages. Good catch!

    Thanks again.
Sign In or Register to comment.