If you are using the Genesis Parallax Pro theme and have ran into a “broken” menu while viewing your site on an iPad, you can adjust the style.css file to correct this issue.
What is the problem? Your menu has too many items for the 560px width, causing the menu to break into two or more lines like the image below.
What is the solution? To correct this, the width of the header widget area and site title will need to be set to 100%, causing the site title to stack over the menu. This can be done within the theme’s style.css file.
This isn’t just for the iPad. This issue can show up when the screen is between 960px and 1140px. The logic used with this fix can be used with other Genesis themes that experience a “broken” menu.