Responsive Menu Burger is Not Displaying Under 700px :(

  • Resolved mattgil

    (@mattgil)


    7 years, 10 months ago

    With the Responsive Menu installed, the menu is not being displayed with the breakpoint set to 700px. The current menu “Open Menu” still gets displayed. The site url is: https://okeefelawfirm.com/

    I have tried using various CSS strings to hide, but I was not able to get the Menu to show up.

    Please advise,

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor responsivemenu

    (@responsivemenu)

    Hi matt,

    Can you confirm you don’t have the Use Shortcode option turned on and that you have the wp_head() and wp_footer() calls in the header.php and footer.php files respectively?

    All the best

    Thread Starter mattgil

    (@mattgil)

    Hello,

    This is what I have observed:

    Use Shortcode? is set to OFF

    HEADER php contains:

    <?php
    /**
    * The template for displaying Header.
    *
    * @package lawyeria-lite
    */
    ?>
    <!DOCTYPE html>
    <html <?php language_attributes(); ?>>
    <head>
    <meta name=”viewport” content=”width=device-width, initial-scale=1.0, user-scalable=no”>
    <meta http-equiv=”<?php echo get_template_directory_uri();?>/content-Type” content=”<?php bloginfo(‘html_type’); ?>; charset=<?php bloginfo(‘charset’); ?>” />
    <meta charset=”UTF-8″>
    <title><?php wp_title(‘|’, true, ‘right’); ?></title>

    <!–[if lt IE 9]>
    <script src=”<?php echo esc_url( get_template_directory_uri() ); ?>/js/html5.js”></script>
    <link rel=”stylesheet” href=”<?php echo esc_url( get_template_directory_uri() ); ?>/css/ie.css” type=”text/css”>
    <![endif]–>

    <?php wp_head(); ?>
    </head>
    <body <?php body_class(); ?>>
    <header>
    <div class=”wide-header”>
    <div class=”wrapper cf”>
    <div class=”header-left cf”>

    <?php
    if ( get_theme_mod( ‘lawyeria_lite_header_logo’, get_template_directory_uri() .’/images/header-logo.png’ ) ) {
    echo ‘‘;
    echo ‘'. get_bloginfo( 'name' ) .'‘;
    echo ‘    ‘;
    }
    else {

    echo ‘<h1 class=”site-title”>’;
    echo ‘‘.get_bloginfo( ‘name’ ).’‘;
    echo ‘</h1>’;
    echo ‘<h2 class=”site-description”>’.get_bloginfo( ‘description’ ).'</h2>’;

    }
    ?>
    </div><!–/div .header-left .cf–>
    <div class=”header-contact”>
    <?php
    if ( get_theme_mod( ‘lawyeria_lite_header_title’,’Contact us now’ ) ) {
    echo get_theme_mod( ‘lawyeria_lite_header_title’,’Contact us now’ );
    }
    ?>
    <br />
    <span>
    <?php
    if ( get_theme_mod( ‘lawyeria_lite_header_subtitle’,’+1-888-846-1732′ )) { ?>
    ” title=”<?php echo get_theme_mod( ‘lawyeria_lite_header_subtitle’,’+1-888-846-1732′ ); ?>”><?php echo get_theme_mod( ‘lawyeria_lite_header_subtitle’,’+1-888-846-1732′ ); ?>
    <?php }
    ?>
    </span><!–/span–>
    </div><!–/.header-contact–>
    </div><!–/div .wrapper–>
    </div><!–/div .wide-header–>
    <div class=”wrapper cf”>
    <nav>
    <div class=”openresponsivemenu”>
    <?php _e(‘Open Menu’,’lawyeria-lite’); ?>
    </div><!–/div .openresponsivemenu–>
    <div class=”container-menu cf”>
    <?php
    wp_nav_menu(
    array(
    ‘theme_location’ => ‘header-menu’,
    )
    );
    ?>
    </div><!–/div .container-menu .cf–>
    </nav><!–/nav .navigation–>
    </div>
    <div class=”wrapper”>
    <?php
    $has_header = get_header_image();
    if( $has_header ) :
    ?>
    ” alt=”” class=”lawyeria-lite-header-image” />
    <?php endif; ?>
    </div>

    FOOTER contains:

    <?php
    /**
    * The template for displaying Footer.
    *
    * @package lawyeria-lite
    */
    ?>
    <footer id=”footer”>
    <div class=”wrapper cf”>
    <div class=”footer-margin-left cf”>
    <?php
    if ( is_active_sidebar( ‘footer-sidebar’ ) ) {
    dynamic_sidebar( ‘footer-sidebar’ );
    } else {
    echo ‘<div class=”footer-box”>’.__(‘The sidebar is not active.’,’lawyeria-lite’).'</div>’;
    }
    ?>

    </body>
    </html>

    Plugin Contributor responsivemenu

    (@responsivemenu)

    Adding wp_head() and wp_footer() fixed this issue and topic is now closed.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Responsive Menu Burger is Not Displaying Under 700px :(’ is closed to new replies.