Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS navbar and social icons issue on resize

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #166501
    GroovyMotion
    Participant

    I am doing a new navbar which will include my blog and since it’s got one more link I had to make the nav go down on it’s own block, I basically gave it a float:none and this works great, but! My social icons that are floating right they tend to follow the nav when it goes down and they position themselves on their own line, below the nav. So the end result is: logo one line, nav second line and icons 3rd line. I am trying to force the icons to stay at the top right on the same level as the logo!

    Here is my code: http://codepen.io/GroovyMotion/pen/JFxKc/

    Thanks in advance!

    #166510
    GroovyMotion
    Participant

    ah! The use of absolute and relative positioning! I am still scared about those, I had major issues on one of my layouts!
    Thanks @jurotek, I will play with this right away!

    #166528
    GroovyMotion
    Participant

    Thanks for the link @shaneisme !

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.