Grow your CSS skills. Land your dream job.

Mobile Responsive Woes

  • # April 2, 2013 at 5:06 pm

    Maybe I’m just brain dead or maybe just a total dork. I’m trying to design a responsive site were the landing page has a single background image that covers the entire screen with a div at the top for a simple logo and a div for the menu across the bottom. Since there is no content in between the two on any size screen, how do I get the menu to the bottom but still make it responsive to the screen size??? I’ve been starring at this for hours and I’m completely blank.

    Thanks for any kick in the pants you can give me.

    # April 2, 2013 at 5:45 pm

    do you have a link? Not exactly sure what the elements on the page consist of.

    taking a blind stab at it, i would say use position: absolute; on the menu div and set it to bottom: 0px;

    like this: http://codepen.io/jmacaluso711/pen/yejwA

    # April 3, 2013 at 12:55 pm

    Right now it’s just local so no link. I’ve tried that and for several reasons that won’t work. I think I’ve decided on a new way of attacking it. Thanks for your help.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".