Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
  • #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?



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




    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?



    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?




    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!


    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.


    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



    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;




    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



    Glad it worked. :)



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

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