• Resolved mommajuicet

    (@mommajuicet)


    I am using the VW Landing Page theme and am trying to configure my mobile menu, as my theme’s menu seems to be overriding my Max Mega Menu when viewed on mobile or tablet. I have looked at other fixes mentioned on threads, and can’t seem to find a solution. My current navigation code is unedited as I am new to CSS and not sure what can be eliminated, and am not comfortable with trying to manipulate it while being inexperienced.

    <div id="header" class="menubar">
         <?php if(has_nav_menu('primary')){ ?>
            <div class="toggle-nav mobile-menu">
              <button  role="tab" onclick="vw_landing_page_menu_open_nav()"<i class="<?php echo esc_attr(get_theme_mod)('vw_landing_page_res_open_menu_icon','fas fa-bars');?>"></i><span class="screen-reader-text"></span><?php esc_html_e(''); ?></button>
            </div>
        <?php } ?>
    	<div id="mySidenav" class="nav sidenav">
            <nav id="site-navigation" class="main-navigation" role="navigation" aria-label="<?php esc_attr_e( 'Top Menu', 'vw-landing-page' ); ?>">
              <?php 
                    if(has_nav_menu('primary')){
                     wp_nav_menu( array( 
                            'theme_location' => 'primary',
                            'container_class' => 'main-menu clearfix' ,
                            'menu_class' => 'clearfix',
                            'items_wrap' => '<ul id="%1$s" class="%2$s mobile_nav">%3$s</ul>',
                            'fallback_cb' => 'wp_page_menu',
                        )  )  ; 
                    }
                ?>  
                <a href="javascript:void(0)" class="closebtn mobile-menu" onclick="vw_landing_page_menu_close_nav()"><i class="<?php echo esc_attr(get_theme_mod('vw_landing_page_res_close_menu_icon','fas fa-times')); ?>"></i><span class="screen-reader-text"><?php esc_html_e('Close Button','vw-landing-page'); ?></span></a>
            </nav>
        </div> 
    </div>

    So far I have made sure my background on my Mega Menu is not transparent, I have seen to copy the PHP Code from my Mega Menu’s location and find where that’s called out in the above code, but it is exactly the same as what’s already in there. I have also enabled the Automatic Integration on the Mega Menu.
    Any help is greatly appreciated!!

    • This topic was modified 3 years, 3 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not a Requests and Feedback topic

    The page I need help with: [log in to see the link]

  • The topic ‘Double Mobile Menu’ is closed to new replies.