Needs work for mobile

Unfortunately there are a few issues with this theme on mobile browsers

1. the top menu bar seems to not be responsive (at all), if you have more then 2 items the rest spill over the header image. It would be nice if this would work the same way the “middle” menu bar works (switches to a dropdown). In landscape “mode” 4 items fit before spilling over (on my S3)
2. the header image gets squished (resized without keeping it’s aspect ratio)(in portrait mode)
3. while adding an empty menu to the middle menu bar will make it disappear from desktop browsers, it does not go away on mobile. It would be nice if it did.
4. the general font could be bigger as well (on mobile)

You can see all of the problems in this screenshot
It looks almost the same on my Samsung S3 (using Chrome), which is what i’m emulating in Opera, but i installed WPTouch in the mean time to hopefully fix the issues and while it fixed those it created others, so i’m probably gonna remove it in a few days.

The best and probably easiest solution to both 1 and 3 would be to have a custom(separate) menu for mobile and only show that and none of the others.

The site in question is http://wellnesswithrhonda.com

Hopefully these issues could be fixed in a future update.