SitePoint Sponsor

User Tag List

Results 1 to 3 of 3

Thread: Layout problem

  1. #1
    SitePoint Member
    Join Date
    Nov 2012
    Posts
    17
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Layout problem

    I'm having a problem in my CSS layout. I have a responsive site, using the "mobile first" method so I have a style.css file for small screen and an enhanced.css file for larger screens. I'm also using a responsive dropdown nav from responsive-nav.com.

    My problem is this. In a small screen, I need my drop down nav to push down my intro section (green image area) when it expands. I don't want the nav to overlap the intro. This is working, but it's not pushing the intro down enough. This is because I have a negative margin on my intro in order to get it in the position that I want. Because of this, the nav - when opened - can't push down the intro enough because the intro is higher than it should due to the negative margin.

    I realize there are larger issues here and I probably shouldn't be using a negative margin at all. The basic structure of my HTML is probably not correct but I'm not sure how to fix it. Wow does it ever get confusing when there are so many pieces working together!

    Any tips on how to fix this?

    http://ashleykirk.ca/AB3/

  2. #2
    SitePoint Member
    Join Date
    Nov 2012
    Posts
    17
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I answered my own question I think. I removed the negative margin and then moved the logo out of the header...

    http://ashleykirk.ca/AB4

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,535
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by akirk View Post
    I answered my own question I think. I removed the negative margin and then moved the logo out of the header...

    http://ashleykirk.ca/AB4
    Glad you sorted it.

    Wow does it ever get confusing when there are so many pieces working together!
    Yes mobile add another new layer onto the whole design concept so even more so than before simple is usually better.


Tags for this Thread

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
  •