Ipad, only mobile menu

Any Idea how to make avoid mobile menu (three stripe) on Ipad? I would like to use desktop menu when browsing with ipad. Mobile menu is great for smaller devices like phones.

Tested on Ipad 3 and Ipad Air and both are showing mobile menu.

Thanks in advance!

Desktop menu isn't the best idea on iPads which are a touch devices. Such devices doesn't have "hover" event so any submenu would not be accessible (when you click parent element in main menu it opens its target not displays submenu).

Im not using submenus, have pretty limited amount of links/pages. I would really appreciate to find a solution for this.

It can be done. But first please check if you have current version of the template and post it's version here.
Next, Please edit: /templates/gk_steakhouse/css/override.css and add at its end:

Code: Select all

@media (max-width: 1040px) {
    #gkMainMenu {
        display: block !important;
    }
    #gkMobileMenu {
        display: none !important;
    }
}
@media (max-width: 480) {
    #gkMainMenu {
        display: none !important;
    }
    #gkMobileMenu {
        display: block !important;
    }
}


It will hide mobile menu under 1040px, show standard menu over 1040px and do opposite under 480px.
Remember to enable "CSS override" in template settings - advanced section.

Thanks. Menu appeared nicely with these modifications. Though i there is still one problem. Three stripe menu button is still visible under the menu on right side of the page with Ipad. How could i get rid of that?

Anyone? Please!

Could you please post an url to your site where I can see this issue?

I sent the URL pm. Still no answer. Please, check it out.

You can disable mobile menu this way:

Code: Select all

#gkMobileMenu {display: none !important;}