All Posts by Email, Once a Week

Media Temple logo

CSS-Tricks is brought to you in part by Media Temple, the web hosting that we both use and recommend.

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:

    # 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.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed