Hi, So I'm working off of a brief from a designer, and the header is probably too much info for a header but it is what it is. Basically the main menu line is normal stuff, but they want a line above it with all of the info (address, phone number, hours, facebook & ig logos that connect to pages, and email icon but I haven't added this yet). I was able to create it okay for the desktop version. But when it's reduce to ipad or mobile size the top line which I created using a text mod just scrunches up. I've attempted some css to shrink it, but it just looks awful. Is there a better way to achieve this so that it works naturally on mobile devices? Should I be looking at a header/menu plugin like Superfly? Any help or tips would be awesome. Here's the live demo site: http://www2.pcdc.net/~vscr/testing/ And I've attached a screen shot of the wireframe backend - let me know if you'd like me to provide any more info.