Grow your CSS skills. Land your dream job.

Tricky Responsive Nav Solution Needed

  • ekw
    # July 11, 2013 at 4:27 pm

    I’m attempting to create this:
    Nav Mockup

    And so far, I’ve got this:
    Live Example

    My solution is obviously not working, and it is my first attempt – but I don’t have hours to spend on this problem. The main issues are: The wood texture will repeat and the site elements will adjust based on screen size. The Logo needs to have a transparent background and the nav need to have a yellow background that stretches full width while keeping the nav centered. Any thoughts? Thanks in advance!

    Ps. Do you need a CodePen, or are the links I provided sufficient?

    # July 11, 2013 at 4:54 pm

    >**I don’t have hours to spend on this problem.**

    ….but apparently you think we do.

    ekw
    # July 11, 2013 at 5:07 pm

    Many minds work faster than one, my friend. Isn’t that the point of sharing our problems here? :D

    # July 11, 2013 at 6:31 pm

    i think a codepen could help a lot, then it will be easier to help you ;)

    # July 11, 2013 at 6:59 pm

    Maybe this will help you on your way: http://codepen.io/senff/pen/lfDLg

    ekw
    # July 12, 2013 at 10:45 am

    Thanks so much @Senff!!!! I’ll incorporate your suggestions.

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".