Grow your CSS skills. Land your dream job.

nav full width on twentytwelve theme

  • # February 28, 2013 at 2:02 pm

    [Your text to link here...](http://www.proto.annethullfineartdesigns.com/anne-thull-fine-art-designs/http:// “Click”)

    What’s the best way to get the navigation bar going full width here?

    # February 28, 2013 at 2:43 pm

    Off hand, I’d recommend restructuring the HTML.

    Something like this…

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

    # March 1, 2013 at 7:08 pm

    html { background:url(‘images/fade.jpg’) repeat-x scroll 0 0 transparent !important; }

    body { background:url(‘images/red.png’) repeat-x scroll 0 167px transparent !important; }

    I ended up using the background fade in the html and the red nav in the body. I figure it’s more ‘pro-joe’ than one background image.

    What do you think?

    Thank you so much!

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

You must be logged in to reply to this topic.

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