Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #25751

    Hi Kriesi and friends.

    A known problem is the responsive menu not working properly on an ipad.

    You suggested some solutions in other threads, but i prefer a solution for all enfold users.

    Maybe in the next update?

    #128081

    Hi,

    What is the issue with the Slide Out Menu that you’re having on iPad?

    Regards,

    Ismael

    #128082

    Hi Ismael,

    the issue is that the main menu disappears on my ipad and the slideout menu does not appear. It appears on smaller screens then ipad. I tried it with menus from 4 to 8 items. The enfold demowebsite does work well on my ipad. What to do?

    Eric

    #128083

    Hi Eric,

    I’m not aware of the ‘known issue’ you are describing. What iPad and IOS is it not working on and with what page specifically?

    Regards,

    Devin

    #128084

    I saw a comment on themeforest page 39

    by planetcpu

    9 days ago

    Hey there! needs some quick help with the iPad. I need the menu to change to the mobile menu on ipad so that the menu doesn’t overlap the logo..How can I adjust this.. It sooo close. Thanks so much!

    #128085

    That isn’t quite the menu not working but instead an issue of a users menu items being too wide. What you can do is change the pixel width the theme code uses to switch to the mobile menu to whatever works for you (outside of modifying your menu items).

    In the JS>avia.js file in your theme files look for the following on line 83:

    switchWidth 	  = 767;

    Just change the 767 value to a larger value so that the mobile menu shows up earlier.

    #128086

    Hi, I have looked through the forums and still have not found the right solution for this problem. The solutions describe above only works when I add more top level items to my menu. (i.e if the menu goes the full width if the header) Right now my menu overlaps the logo just slightly on ipad horizontal view. I want to force the menu to appear as the slide in mobile menu sooner then it appears now. What is the best way to do this.

    Thank you

    #128087

    Hi,

    You can adjust the padding and the font-size of the menu on screen widths just before they switch to mobile or slide menu. Use Media Queries on your custom.css or Quick CSS

    @media only screen and (max-width: 989px) and (min-width: 768px) {
    .responsive .main_menu ul:first-child>li>a {
    padding: 0 7px;
    font-size: 11px;
    }
    }

    Regards,

    Ismael

    #128088

    Okay that is a work around and seems to work fine for my situation – Instead of displaying the mobile menu it now displays the menu smaller and therefore it no longer touches the logo. Thank you

    #128089

    Hey,

    Glad it worked. :)

    Cheers,

    Ismael

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

The topic ‘Slide out menu on ipad not working properly’ is closed to new replies.