0

I'm trying to create a layout where I have a logo on the left and a slogan pane with the navigation bar under it on the right. See picture #1.

enter image description here

When the screen begins to get narrower I want the navigation pane to drop below the logo and slogan and allow the slogan to just get narrower while remaining on the right side even as the navigation bar collapses. See picture #2.

enter image description here

How do I accomplish this?

Malachi
  • 3,205
  • 4
  • 29
  • 46
runamuk0
  • 784
  • 1
  • 7
  • 20
  • See this related answer, it has a few fiddles that might be a good jumping off point: http://stackoverflow.com/a/13372707/1754037 – Charles Wesley Mar 27 '14 at 15:55

1 Answers1

1

You could use two media types for it.

In first case use etc. @media screen and (max-width: 960px) and write your css.

In second case etc. @media screen and (max-width: 640px) use another css styles for your position. And don't forget to add clear div/css in these statement.

Umut D.
  • 1,746
  • 23
  • 24