Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • October 25, 2017 at 5:05 pm #868817
    laeufer

    After one of the latest theme updates (probably the 4.1 series) the menu doesn’t correctly convert into a mobile menu (burger menu) anymore, when it is autogenerated. The burger icon appears, but the “normal” menu items (text) remain visible (breaking the mobile layout) and the mobile menu itself has no entries at all. It seem to work with Enfold 4.0.3.

    Important: this only happens when we use the auto-generated menu! If we create and insert a menu manually, the burger menu works fine. But this has serious disadvantages, since the markup is different and we have a very large pagetree and multiple languages on our site.

    October 27, 2017 at 6:43 am #869398
    Rikard

    Hey laeufer,

    We published a new version of the theme earlier this week, are you running version 4.2 of the theme yet? If not then please try to update to that: http://kriesi.at/documentation/enfold/updating-your-theme-files/

    Best regards,
    Rikard

    October 30, 2017 at 12:19 am #870268
    laeufer

    Hey Rikard,

    thank you for your quick reply. You are right, the auto generated mobile menu works again with theme update to 4.2. But it seems to be buggy. The theme option “Always display submenu items” doesn’t have any effect with the autogenerated menu (“Hauptmenü”, Tab “Burger/Mobile Menu” > “Menu Icon Submenu items”).

    Best regards,
    Sven

    October 31, 2017 at 9:03 pm #870984
    Yigit

    Hi,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( do be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.

    Best regards,
    Yigit

    November 5, 2017 at 10:45 pm #872840
    laeufer
    This reply has been marked as private.
    November 6, 2017 at 6:27 pm #873251
    Günter

    Hi,

    Thank you for using Enfold and reporting this.

    It is a bug and I will look for a fix. I will come back to you when I have the solution.

    Thank you for your patience.

    Best regards,
    Günter

    November 7, 2017 at 2:00 pm #873687
    Günter

    Hi,

    The problem should be fixed with the next update.

    Meanwhile you have to update file enfold\js\avia.js. Please replace the complete content of this file with the RAW paste content of

    https://pastebin.com/EeZvn7iY

    This link is valid for one month. Make sure to make a copy of the original file to have a fallback and that you are using Enfold 4.2.
    Do not forget to clear browser and server cache after the update.

    If you have problem we can do the update for you, please give us FTP access to your server.

    Best regards,
    Günter

    November 20, 2017 at 11:24 am #879050
    diddel_daddel
    This reply has been marked as private.
    November 20, 2017 at 12:49 pm #879085
    Günter

    Hi,


    @diddel_daddel

    Of course, is this a live site or only a staging site? If it’s a live site could you also provide a link so I can check, that the update works. I do not want to update a live site without the possibility to check that the update works.

    Best regards,
    Günter

    November 20, 2017 at 12:57 pm #879089
    diddel_daddel
    This reply has been marked as private.
    November 20, 2017 at 2:04 pm #879117
    Günter

    Hi,

    I updated avia.js. The original file is avia_1old.js for fallback.

    You must have some caching plugin running, because I do not get the changed js file when I reload the page.

    Also you have some custom CSS that hides the burger menu for mobile. Do not forget to remove this and also clear your browser cache several times and reload the page then.

    Hope this solves the Problem.

    Best regards,
    Günter

    November 20, 2017 at 3:41 pm #879163
    diddel_daddel
    This reply has been marked as private.
    November 20, 2017 at 3:57 pm #879174
    Günter

    Hi,

    In our theme we use:

    
@media screen and (max-width: 989px) {

}

    Best regards,
    Günter

    November 20, 2017 at 4:08 pm #879181
    diddel_daddel
    This reply has been marked as private.
    November 20, 2017 at 5:43 pm #879251
    Günter

    Hi,

    Did you check the option Dashboard -> Theme Options -> Main Menu -> Menu Items for mobile.

    There you can select, when the menu switches between burger and normal menu.

    Best regards,
    Günter

    November 20, 2017 at 6:08 pm #879262
    diddel_daddel
    This reply has been marked as private.
    November 21, 2017 at 12:37 pm #879682
    diddel_daddel
    This reply has been marked as private.
    November 21, 2017 at 12:44 pm #879687
    Günter

    Hi,

    The theme is built to “break” the burger menu at 989px.

    If you want to have a wider screen you can try to modify the media queries in enfold\css\layout.css line 3992ff.

    I did not try it up to now and we had no requests for that. But you can post a feature request at https://kriesi.at/support/enfold-feature-requests/ for that.

    Best regards,
    Günter

    November 22, 2017 at 6:09 pm #880391
    laeufer
    This reply has been marked as private.
    November 22, 2017 at 9:05 pm #880439
    Yigit

    Hi,

    You can refer to this post – https://kriesi.at/documentation/enfold/switching-to-mobile-menu-on-higher-resolutions/ and switch mobile menu breaking point.

    To add JS code in theme, you can add following code to Functions.php file in Appearance > Editor

    function av_custom_js_code(){
?>
 <script>
// Your code goes here
 </script>
<?php
}
add_action('wp_footer', 'av_custom_js_code');

    Let us know if you need further assistance :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 20 posts - 1 through 20 (of 20 total)
  • You must be logged in to reply to this topic.