Grow your CSS skills. Land your dream job.

Help Making header responisive

  • # December 12, 2012 at 7:32 pm

    Hi I am having trouble making my header responsive. I am a beginner at coding so I don’t know much but try to research as much as I can to fix any problems I incurred, but i cannot fix this one.So if any of you could give me your opinions on how to make it more responsive it well be very helpful.

    http://codepen.io/frijolito56/full/meDhJ

    Thanks in advance, Alan

    # December 12, 2012 at 9:02 pm

    here’s quick fix, you can tweak this as you like

    http://codepen.io/joe/full/qxKvn

    # December 12, 2012 at 9:52 pm

    > @jurotek here’s quick fix, you can tweak this as you like http://codepen.io/joe/full/qxKvn

    Thanks this helps, the last thing I would ask is if someone knew how to make the image resize with the menu so it wont be out of canvas.

    # December 12, 2012 at 9:58 pm

    in responsive design you set image in css with width 100% and height auto and remove height and width from html, hope that helps

    # December 13, 2012 at 5:39 pm

    @jurotek ok thanks !

    # December 14, 2012 at 3:36 am

    I would try and use css3 @media queries to do that.

    Look at wc3 spec.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".