Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #26647

    Hey guys, I have a little issue. I was able to use the code below to change the size of the menu text upon iPad (landscape), but no matter what combinations I try I am unable to keep the .mobileMenu from displaying on the iPad (portrait) view. I want the regular menu to display on both the (landscape) and (portrait) views.

    `@media only screen and (max-width: 1024px) {

    .main_menu > div ul:first-child > li > a

    { font-size: 12px !important; }

    }`

    Thanks for your help.

    -Pat

    #131146

    I think I figured it out. I used the code below :

    @media only screen and (max-width: 768px) {
    .mobileMenu { display: none !important; }
    }

    #131147

    uh oh, . . . now I have a feeling that the .mobileMenu won’t show up on mobile devices. lol

    Back to the drawing board. I will be back.

    #131148

    I’m taking a break. I could use some help master guru code buddies. ;-)

    #131149

    Hi,

    You can edit js > avia.js, find this code:

    switchWidth 	  = 767;

    if(first_level_items > 8 && !bottom_menu)
    {
    switchWidth = 989;
    header.addClass('mobile_menu_tablet');
    }

    Replace it with

    switchWidth 	  = 600;

    if(first_level_items > 20 && !bottom_menu)
    {
    switchWidth = 600;
    header.addClass('mobile_menu_tablet');
    }

    Regards,

    Ismael

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Prevent main menu from changing to mobileMenu in iPad (portrait)’ is closed to new replies.