I have been messing around in Chrome's inspector and I can't seem to figure out a solution for this:
I'm trying to change the default Customizr responsiveness. I changed the menu (with 8 links) to be full width, got rid of the social icons, and gave each menu item
width: 12.5% in order to evenly fill the full 100%.
What I want to do: I'm trying to make it so that when my viewport is less than 800px the menu bar wraps and I get 2 rows of 4 links. Then, when the viewport goes below 500px, I want 4 rows of 2 links.
I can't for the life of me get the menu items to wrap. Help would be greatly appreciated. The website is jasonkanzler.com
Edit: It would be helpful if I could find the piece of CSS (or is it a PHP template?) that is causing my menu to disappear at viewport widths below 800px...