Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #28162

    I’ve noticed that on my site the breakpoint for the mobile menu – menu toggle button – is activated at 767 px. When looking at the Enfold demo the breakpoint is at 990 px. I like to have the same breakpoint – 990 px. Now the menu is quite big and shows in front of the logo.

    My Header Type is: Fixed Header with Social Icons and additional Navigation. I’ve tried the Non-fixed menu, but that doesn’t change the breakpoint.

    Because the site in beta I cannot put any link here. Hope you can help me with it!

    #136706

    Hey,

    Please add this on your custom.css or Quick CSS to avoid the menu overlapping the logo:

    @media only screen and (max-width: 767px) {
    .main_menu ul:first-child > li > a {
    padding: 0 8px;
    font-size: 12px;
    }
    }

    Edit js > avia.js, find this code:

    switchWidth 	  = 768;

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

    Replace the first switchWidth value to 990.

    Regards,

    Ismael

    #136707

    how do I edit when using a child theme?

    will it work if I add just a directory “js” with the avia.js in the child theme directory?

    #136708

    f dech: I did this from a child theme. First do what you said: make a copy of avia.js in a directory “js” at the root of your Child Theme directory (same level as Child’s style.css). Then you have to override the Parent’s function that gets avia.js from the Parent’s directory, and tell WordPress to get avia.js from the Child’s directory. To do that, add the following code to the functions.php file in your Child Theme

    <?php

    // Make these Child functions load after Parent functions
    add_action( 'after_setup_theme', 'childtheme_late_functions' );
    function childtheme_late_functions() {

    // Swap out Parent's js/avia.js for Child's js/avia.js
    add_action( 'wp_enqueue_scripts', 'childtheme_menu_breakpoint' );
    function childtheme_menu_breakpoint()
    {
    wp_dequeue_script( 'avia-default' );
    wp_enqueue_script( 'childtheme-avia-js', get_stylesheet_directory_uri() . '/js/avia.js', array( 'jquery' ), 1, true);
    }
    }

    ?>

    #136709

    Hey,

    @InSightGraphic: Thanks for the tip. :)

    Cheers,

    Ismael

    #136710

    thanks insightgraphicdesign, works fine ;)

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

The topic ‘Mobile menu tablet breakpoint’ is closed to new replies.