SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Enthusiast
    Join Date
    May 2013
    Posts
    83
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Navigation - Moving the content below when narrowed

    Navigation on my forum/ BBpress

    Hi

    My navigation is set to fit the page. IE: When you are on a mobile/ smaller window it will overlap

    This is great but the rest of my content isnít moving down with it.

    IE The navigation ends up overlapping important features (Login etc)
    How can I get my content to move down with it

    http://www.togganet.co.uk/blog/forums/

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,545
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    HI,

    You need to remove the absolute positioning from the nav and the height and then let the page move naturally with the content.

    e.g.
    Code:
    #navigation{
    height:auto;
    position:relative;
    top:0;
    zoom:1.0;
    }
    #navigation:after{/* clear floats*/
    content:".";
    clear:both;
    display:block;
    height:0;
    visibility:hidden;
    }
    The above code is over-rides and should follow the original rules (or integrate into the original rules).

  3. #3
    SitePoint Enthusiast
    Join Date
    May 2013
    Posts
    83
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Fantastic

    Guess this is my first step to a fluid layout!

    Just need to find out how to move my wordpress menu now!


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •