Need help positioning footer with floats @media queries

[Paulie_D]

Yes, you’ll have to wrap the each heading and list in an element of some kind (a div or nav).

Just like I showed you in my Codepen.

http://codepen.io/Paulie-D/pen/rHLGx

[expo703]

Isn’t that what I did? I set f-gray-navigation as the

then in CSS added the float: left, width, etc.

[Paulie_D]

No….you have to wrap the h3 & ul etc in a div and float that.

The reason what you have is not working is because the h3 is hindering the layout as it’s 100% wide…then the ul is floating **but** the next h3 stops the next ul floating up.

If you wrap that h3/ul combo into a div and set a width on that then float the div, you should be fine.

[expo703]

awesome that made sense and it worked. Sorry for being so noob :) anyway to position it better do you suggest using the margin to center it? Or padding?I also added some text anyway to change text size and get ride of the bullet points?

[Paulie_D]

If you have a div around each menu group then you can use the appropriate 960 class(es) to size each one and, my guess is, that will set the width and float them too.

[expo703]

so I want to put it in the div class like

and the grid3 is three columns? I’m not sure which classes to use..

[Paulie_D]

Whatever the class is for 1/3 of the total width of the footer would be my guess.

[Author]

Posts