Whilst I like the new header options, they’re somewhat breaking on the mobile version of the site.
In the previous version I was using the header with bottom menu, and when the site switched to the mobile view the header icons would slot in neatly beneath the logo and it looked good.
In the new version, they overlap the logo and it looks really bad.
Here’s an example on a testing site:
In an ideal world I’d like to see it behave as it did before with the icons (and the menu button) in a row below the logo..
Any ideas?
Update: I’ve done a bit of dirty CSS tweaking to sort it out for now as I’m using Enfold on a live site too (www.blackbeltacademy.info) and that’s ok for now.
I do think this needs an official tweak in an update sometime though as otherwise using icons in the header is going to look nasty on mobile..