Landscape Menu on iPad

QUESTION:  Menu turns in to 2 lines when viewed landscape on iPad.   Is there any way to introduce the hamburger menu earlier when viewed horizontally?

/* ipad menu landscape */
@media only screen and ( max-width:1100px ) {
#et_mobile_nav_menu { display:block !important; margin-bottom:20px; margin-top:6px }
#top-menu-nav { display:none; }
.et-fixed-header #et_mobile_nav_menu
{ margin-bottom:0; };

Jeroen SparkOne in Divi Theme Tutorials Facebook Group


Do You Know?

When you get Divi Theme Tutorials Directory Membership you can download ‘Divi Gradient Animator Extended’

Divi Gradient Animator will help you to create stunning backgrounds. Various Divi modules should look amazing on animated background. All you need is to just activate this plugin and setup your gradient. You can use any css class/id to display animated gradient wherever you want. You can find gradient settings under Divi parent menu.

Live Demo

Tuts Directory Rating


  • The comment section is for blog post/tutorial rating and reviewing purposes only. If you have any questions about a tutorial, please post them in the tutorial publisher's website.

    Leave a Reply

    1 Comment on "Landscape Menu on iPad"

    newest oldest most voted
    Notify of

    Thank you! I used this solution on a site I am working on and although it looks great, the user can’t actually scroll through the menu items in the instances where the menu is forced. It also doesn’t add the secondary nav items to the menu as it does in the true mobile menu view. Anyway to accomplish this? Halfway there 🙂