Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #794954

    hi
    I think the recent updates broke my responsive menu.
    The menu is displying incorrectly now on mobile devices. Just updated to 4.07 and same problem.

    I also see a big flickering in Chrome broswer when I hover over my mega menu on larger screens, they are on a layer slider. Also a flickering on the backend in some of the edit windows – not able to add an icon for example to a text box since the images are flickering.
    Can you take a look? I see I am not alone with this mobile menu issue.
    thanks
    Nancy

    • This topic was modified 7 years, 7 months ago by Munford.
    #796200

    Hey Munford,

    After the update, please clear your cache so we can be sure that eveyrthing is tested on the right version.
    Thank you

    Best regards,
    Basilis

    #796454

    The cache is cleared, hard R refresh, cleared cache in chrome settings.

    • This reply was modified 7 years, 7 months ago by Munford.
    #796837

    Hi,

    I was able to create a private testing page with icon inside a text block element. I cannot reproduce flickering issue on Chrome on macOS and mobile menu works fine on my iphone. I attached a link to testing page and screenshot from my iphone in private content field.

    Have you by any chance figured it out already? :)

    Best regards,
    Yigit

    #796947

    HI Yigit,
    the flickering wasa chrome issue, I think, although my client was also having trouble updating maps due to flickering images.

    But the mobile menu is not showing the correct menu – the image you posted is the wrong menu. It should be the one I have in the private content called “mobile”. It is defaulting to the main menu, which is also showing submenu items that are not supposed to be on the mobile menu.

    can you check this please?
    Thanks
    Nancy

    • This reply was modified 7 years, 7 months ago by Munford.
    #798882

    Hi,

    How did you create the new Display Locations in the Menu Settings?

    THEMENAME Main Menu (Currently set to: main menu)  
    THEMENAME Secondary Menu 
    THEMENAME Footer Menu 
    THEMENAME Responsive Menu 
    THEMENAME Main Menu - Members Only  
    THEMENAME Secondary Menu 
    THEMENAME Footer Menu 
    THEMENAME Responsive Menu 

    There’s only 3 options there by default.

    Enfold Main Menu (Currently set to: Main Menu)  
    Enfold Secondary Menu (Will be displayed if you selected a header layout that supports a submenu here)  
    Enfold Footer Menu 
    

    Best regards,
    Ismael

    #799860

    Hi Isamel
    I don’t remember how I did that – but see this thread: https://kriesi.at/support/topic/mobile-menu-33/#post-440877. Appears code was added to get extra mobile menu options, but there was a problem…
    I remember that the THEMENAME was a glitch that could not be worked out here.
    can we fix this? The menu on the mobile is very messed up now, but had worked until the recent update

    • This reply was modified 7 years, 6 months ago by Munford.
    #801075

    Hi,

    Can you please do not use that solution but use following one instead to display different menu on mobile – https://kriesi.at/support/topic/change-mobile-menu-2/#post-784018
    You should simply replace “main-menu-mobile” with the name of your mobile menu and “main-menu” with the name of your desktop menu

    Best regards,
    Yigit

    #801087

    Below is my child theme function.php code as it is now – should I just replace the middle text I have in bold – starting with: avia_nav_menus(); and ending with: ‘wp_change_aviajs’, 100 ); – with the code you linked to above? The avia.js file has been overwritten – or should have been, right? Do I need to do anything with that?
    thanks
    Nancy

    <?php

    /*
    * Add your own functions here. You can also copy some of the theme functions into this file.
    * WordPress will use those functions instead of the original functions then.
    */

    /*===ADD custom css class element to all pages===*/
    add_theme_support(‘avia_template_builder_custom_css’);

    /*==========MAG ELEMENT add excerpt under title all===========*/

    add_filter(‘avf_portfolio_cpt_args’, ‘avf_portfolio_add_custom_fields’, 1);
    function avf_portfolio_add_custom_fields($args) {
    $args[‘supports’] = array(‘title’,’thumbnail’,’excerpt’,’editor’,’comments’, ‘custom-fields’, ‘page-attributes’);
    return $args;
    }

    $default_sidebar = false;
    $parent = get_the_title($post->post_parent);
    $parentlink = get_the_permalink($post->post_parent);
    $sidebar_menu .= “<nav class=’widget widget_nav_menu $display_child_pages’><ul class=’nested_nav’>”;
    $sidebar_menu .= “<h3 class=’widgettitle’>$parent</h3>”;
    $sidebar_menu .= $children;
    $sidebar_menu .= “</nav>”;

    avia_nav_menus(); function avia_nav_menus() { global $avia_config, $wp_customize; $avia_config[‘nav_menus’] = array( ‘avia’ => array(‘html’ => __(‘Main Menu’, ‘avia_framework’)), ‘avia2’ => array( ‘html’ => __(‘Secondary Menu <br/><small>(Will be displayed if you selected a header layout that supports a submenu here)</small>’, ‘avia_framework’), ‘plain’=> __(‘Secondary Menu – will be displayed if you selected a header layout that supports a submenu’, ‘avia_framework’)), ‘avia3’ => array( ‘html’ => __(‘Footer Menu <br/><small>(no dropdowns)</small>’, ‘avia_framework’), ‘plain’=> __(‘Footer Menu (no dropdowns)’, ‘avia_framework’)), ‘avia_responsive’ => array( ‘html’ => __(‘Responsive Menu <br /><small>(If set will replace your main menu on mobiles)</small>’)) ); add_theme_support(‘nav_menus’); foreach($avia_config[‘nav_menus’] as $key => $value) { $name = (!empty($value[‘plain’]) && !empty($wp_customize)) ? $value[‘plain’] : $value[‘html’]; register_nav_menu($key, THEMENAME.’ ‘.$name); } } add_action( ‘ava_after_main_menu’, ‘enfold_customization_add_responsive_menu’ ); function enfold_customization_add_responsive_menu() { echo “<nav style = ‘display:none;’ class=’main_menu_responsive’ data-selectname='”.__(‘Select a page’,’avia_framework’).”‘ “.avia_markup_helper(array(‘context’ => ‘nav’, ‘echo’ => false)).”>”; $avia_theme_location = ‘avia_responsive’; $avia_menu_class = $avia_theme_location . ‘-menu’; $args = array( ‘theme_location’ => $avia_theme_location, ‘menu_id’ => $avia_menu_class, ‘menu_class’ => ‘menu av-main-nav’, ‘container_class’ => $avia_menu_class.’ av-main-nav-wrap’.$icon_beside, ‘fallback_cb’ => false, ‘walker’ => new avia_responsive_mega_menu() ); wp_nav_menu($args); echo ‘</nav>’; }

    /*make sure MEGA MENU mobile functions after avia js file changes*/

    function wp_change_aviajs() {
    wp_dequeue_script( ‘avia-default’ );
    wp_enqueue_script( ‘avia-default-child’, get_stylesheet_directory_uri().’/js/avia.js’, array(‘jquery’), 2, true );
    }
    add_action( ‘wp_print_scripts’, ‘wp_change_aviajs’, 100 );

    add_filter(‘widget_text’, ‘do_shortcode’);

    /*==============GOOGLE FONTS ADD=================*/
    function add_oswald_script(){
    ?>
    <link href=’http://fonts.googleapis.com/css?family=Oswald:400,700,300&#8242; rel=’stylesheet’ type=’text/css’>
    <?php
    }
    add_action(‘wp_head’, ‘add_oswald_script’);

    /*FIX MEGA MENU not closing on ipad issue https://kriesi.at/support/topic/closing-mega-menu-on-ipad/*/

    function add_custom_megamenu(){
    ?>
    <script>
    jQuery(window).load(function(){
    if (jQuery(window).width() <= 1024){
    jQuery(“#header”).click(function(){
    jQuery(“.avia_mega_div”).toggle();
    });
    }
    });
    </script>
    <?php
    }
    add_action(‘wp_footer’, ‘add_custom_megamenu’);

    //set builder mode to debug
    add_action(‘avia_builder_mode’, “builder_set_debug”);
    function builder_set_debug()
    {
    return “debug”;
    }

    /*edit Advanced Layout Builder elements*/
    add_filter(‘avia_load_shortcodes’, ‘avia_include_shortcode_template’, 15, 1);
    function avia_include_shortcode_template($paths)
    {
    $template_url = get_stylesheet_directory();
    array_unshift($paths, $template_url.’/shortcodes/’);

    return $paths;
    }

    /*FIX MISSING REVISIONS*/

    add_filter(‘avf_portfolio_cpt_args’,’avia_add_portfolio_revision’, 10, 1);
    function avia_add_portfolio_revision($args)
    {
    $args[‘supports’] = array(‘title’,’thumbnail’,’excerpt’,’editor’,’comments’,’revisions’);
    return $args;
    }

    • This reply was modified 7 years, 6 months ago by Munford.
    #801093

    Hi,

    Yes, please replace the code i posted above with the bold section. You have copied your avia.js file over to your child theme, therefore changes are still active however when you remove following code

    function wp_change_aviajs() {
    wp_dequeue_script( ‘avia-default’ );
    wp_enqueue_script( ‘avia-default-child’, get_stylesheet_directory_uri().’/js/avia.js’, array(‘jquery’), 2, true );
    }
    add_action( ‘wp_print_scripts’, ‘wp_change_aviajs’, 100 );

    It will continue using parent themes avia.js file

    Best regards,
    Yigit

    #801094

    great that worked! I am still seeing a bad flickering on my landing page where the mega menu is on top of the slideshow. Any way to fix that? It’s very annoying, and I can’t tell whether it’s an issue only with my chrome, or if it’s widespread. Happened after the last update I think

    • This reply was modified 7 years, 6 months ago by Munford.
    #801096

    Hey!

    You can use spaces as well but to be on the safe side, i prefer using with hyphen

    Cheers!
    Yigit

    #801103

    great that worked! I am still seeing a bad flickering on my landing page where the mega menu is on top of the slideshow. Any way to fix that? It’s very annoying, and I can’t tell whether it’s an issue only with my chrome, or if it’s widespread. Happened after the last update I think

    #801107

    Hi,

    Can you please try removing following code from functions.php file temporarily and check if it helps?

    function add_custom_megamenu(){
    ?>
    <script>
    jQuery(window).load(function(){
    if (jQuery(window).width() <= 1024){
    jQuery(“#header”).click(function(){
    jQuery(“.avia_mega_div”).toggle();
    });
    }
    });
    </script>
    <?php
    }
    add_action(‘wp_footer’, ‘add_custom_megamenu’);

    Best regards,
    Yigit

    • This reply was modified 7 years, 6 months ago by Yigit.
    #801116

    Hi Yigit

    Did that but am still seeing flickering of the slideshows, menu…
    More urgently, I just saw that my other menus – that I use in my footer and in the sidebar of the about page – are defaulting to the main menu. I have checked all the widgets and they have the correct menus selected. Can you take a look at that?
    thanks

    Nancy

    • This reply was modified 7 years, 6 months ago by Munford.
    #802392

    Hi,

    We modified the filter in the functions.php file. Please let us know if the menus are working as intended.

    Best regards,
    Ismael

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