Responsive Menus

Permalink
I have a site I'm working on that is responsive. I built my initial site structure using just HTML (http://www.corporateprdev.com/anderson/bootstrap). You can see the menu is in the masthead div and when the viewport becomes responsive for mobile, the nav-collapse class is used and the masthead div is hidden from a desktop viewport.

I took this structure and made a C5 theme, but I have to add the menu in two places in the header, one being in the masthead for the desktop version and the other in the nav-collapse for the mobile portion.

When I do this, the menu doubles up on the desktop, but not on mobile (http://www.corporateprdev.com/anderson).

I still have the hidden-desktop class applied to the nav-collapse, but the nav is still pulled into the bar.

Anyone have any suggestions?

FatTony1952
 

This website stores cookies on your computer. These cookies are used to improve your website experience and provide more personalized services to you, both on this website and through other media. To find out more about the cookies we use, see our Privacy Policy.