Editing Responsive TwentyTwelve Nav Menu (1 post)

  1. steak_key
    Posted 3 years ago #

    I've tried a few ways to make my twentytwelve child theme header and nav bar to look and act as desired, but I'm having some issues. Below is what I'm trying to do.

    - have logo over left column, tagline over right, main column, have nav menu aligned over right, main column (left edge lined up with tagline) see pic here (http://www.zynniebakes.com/zynniebakes_dev/here/wp-content/uploads/2012/12/nav.jpg)

    - have header (image and nav bar) maintain it's responsiveness
    - have nav bar scale nicely on mobile sites

    I've tried making a custom header, but it loses the responsive properties. I've also tried styling the nav on the style.css, but when I add in padding, etc. it doesn't scale down nicely. The current nav with little styling here -http://www.zynniebakes.com/zynniebakes_dev/here/wp-content/uploads/2012/12/nav_unstyled.tiff

    Does anyone know the best way to style the nav menu to match the 1st screenshot and keep its responsiveness on mobile devices?

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.