How to use CSS to hide the theme mobile toggle button

  • I added mega menus to my child theme. The old toggle button shows up on my site when anyone launches it on a mobile device like a smart phone. The authors instructions are to remove the original code from the header.php in CSS that outputs the icon. If there are any coders out there that can tell me how to remove it I’d much appreciate it.

    • This topic was modified 6 years, 1 month ago by BlueMoon123.

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

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

  • Basically, you have to go into your themes header.php and delete the old menu. You can go do it from WordPress file editor in the admin panel, look for header.php and there should be some lines to the top that resemble css styling for the old header menu. Just delete that and save it.

    I’m also using a version of the mega menu on my website.

    Thread Starter BlueMoon123

    (@bluemoon123)

    Does anyone know a command I can run in the css editor to remove the old menu out?

    • This reply was modified 6 years, 1 month ago by BlueMoon123.

    Give a link to your site please.

    Аnd / Or show the content of header.php

    Thread Starter BlueMoon123

    (@bluemoon123)

    The is the header.php on my parent theme. I didn’t see one in the child theme. It’s only an issue on a mobile devices.

    https://certifieddeals.com/

    <?php if ( ! defined( ‘ABSPATH’ ) ) exit; // Exit if accessed directly ?>
    <!DOCTYPE html>
    <!–[if IE 8]> <html class=”ie8″ <?php language_attributes(); ?>> <![endif]–>
    <!–[if IE 9]> <html class=”ie9″ <?php language_attributes(); ?>> <![endif]–>
    <!–[if (gt IE 9)|!(IE)] <?php language_attributes(); ?>><![endif]–>
    <html <?php language_attributes(); ?>>
    <head>
    <meta charset=”utf-8″ />
    <meta name=viewport content=”width=device-width, initial-scale=1.0″ />
    <!– feeds & pingback –>
    <link rel=”profile” href=”https://gmpg.org/xfn/11&#8243; />
    <link rel=”pingback” href=”<?php bloginfo( ‘pingback_url’ ); ?>” />
    <!–[if lt IE 9]><script src=”<?php echo get_template_directory_uri(); ?>/js/html5shiv.js”></script><![endif]–>
    <?php wp_head(); ?>
    <?php if(rehub_option(‘rehub_custom_css’)) : ?><style><?php echo rehub_option(‘rehub_custom_css’); ?></style><?php endif; ?>
    <?php if(rehub_option(‘rehub_analytics_header’)) : ?><?php echo rehub_option(‘rehub_analytics_header’); ?><?php endif; ?>
    </head>
    <body <?php body_class(); ?>>
    <?php
    ?>
    <?php
    if (rehub_option(‘header_topline_style’) == ‘0’) {
    $header_topline_style = ‘ white_style’;
    }
    elseif (rehub_option(‘header_topline_style’) == ‘1’) {
    $header_topline_style = ‘ dark_style’;
    }
    else {
    $header_topline_style = ‘ white_style’;
    }
    ?>
    <?php
    if (rehub_option(‘header_logoline_style’) == ‘0’) {
    $header_logoline_style = ‘white_style’;
    }
    elseif (rehub_option(‘header_logoline_style’) == ‘1’) {
    $header_logoline_style = ‘dark_style’;
    }
    else {
    $header_logoline_style = ‘white_style’;
    }
    ?>
    <?php
    if (rehub_option(‘header_menuline_style’) == ‘0’) {
    $header_menuline_style = ‘ white_style’;
    }
    elseif (rehub_option(‘header_menuline_style’) == ‘1’) {
    $header_menuline_style = ‘ dark_style’;
    }
    else {
    $header_menuline_style = ‘ dark_style’;
    }
    ?>
    <?php $branded_bg_url = rehub_option(‘rehub_branded_bg_url’);?>
    <?php if ($branded_bg_url ) :?>
    ” target=”_blank” rel=”nofollow”>
    <?php endif; ?>
    <?php if(rehub_option(‘rehub_ads_megatop’) !=”) : ?>
    <div class=”megatop_wrap”>
    <div class=”mediad megatop_mediad”>
    <?php echo do_shortcode(rehub_option(‘rehub_ads_megatop’)); ?>
    </div>
    </div>
    <?php endif ;?>
    <!– Outer Start –>
    <div class=”rh-outer-wrap”>
    <div id=”top_ankor”></div>
    <!– HEADER –>
    <header id=”main_header” class=”<?php echo ”.$header_logoline_style; ?>”>
    <div class=”header_wrap”>
    <?php if(rehub_option(‘rehub_header_top_enable’) ==’1′) : ?>
    <!– top –>
    <div class=”header_top_wrap<?php echo ”.$header_topline_style;?>”>
    <div class=”rh-container”>
    <div class=”header-top clearfix”>
    <?php wp_nav_menu( array( ‘container_class’ => ‘top-nav’, ‘container’ => ‘div’, ‘theme_location’ => ‘top-menu’, ‘fallback_cb’ => ‘add_top_menu_for_blank’, ‘depth’ => ‘1’, ‘items_wrap’ => ‘<ul id=”%1$s” class=”%2$s”>%3$s‘ ) ); ?> –></>
    <div class=”top-social”>
    <?php if(rehub_option(‘rehub_top_line_content’)) : ?>
    <div class=”top_custom_content mt10 mb10 font80 lineheight15 flowhidden”><?php echo do_shortcode (rehub_option(‘rehub_top_line_content’));?></div>
    <?php endif; ?>
    <?php if(rehub_option(‘rehub_login_icon’) == ‘top’ && rehub_option(‘userlogin_enable’) == ‘1’) : ?>
    <?php $loginurl = (rehub_option(‘custom_login_url’)) ? esc_url(rehub_option(‘custom_login_url’)) : ”;?>
    <div class=”userblockintop”><?php echo wpsm_user_modal_shortcode(array(‘loginurl’=>$loginurl));?></div>
    <?php endif; ?>
    <?php if (rehub_option(‘woo_cart_place’) ==’1′) : ?>
    <?php global $woocommerce; ?>
    <?php if($woocommerce):?>
    cart->cart_contents_count; ?>” href=”<?php echo wc_get_cart_url(); ?>”><i class=”far fa-shopping-cart”></i> <?php _e( ‘Cart’, ‘rehub_framework’ ); ?> (<?php echo ”.$woocommerce->cart->cart_contents_count; ?>) – <?php echo ”.$woocommerce->cart->get_cart_total(); ?>
    <?php endif; ?>
    <?php endif; ?>
    </div>
    </div>
    </div>
    </div>
    <!– /top –>
    <?php endif; ?>
    <?php $header_template = (rehub_option(‘rehub_header_style’) !=”) ? rehub_option(‘rehub_header_style’) : ‘header_first’ ;?>
    <?php include(rh_locate_template(‘inc/header_layout/’.$header_template.’.php’)); ?>

    </div>
    </header>
    <?php include(rh_locate_template(‘inc/parts/branded_banner.php’)); ?>
    <?php do_action(‘rehub_action_after_header’); ?>

    • This reply was modified 6 years, 1 month ago by BlueMoon123.

    open …/wp-content/themes/rehub/style.css in Notepad++
    near line 80 edit:

    .responsive_nav_wrap {
    display: none;
    position: relative;
}

    to:

    .responsive_nav_wrap {
    display: none !important;
}

    P.S.

    I didn’t see one in the child theme

    Child theme – need to do yourself.
    Otherwise, all changes will disappear after updating the theme.

    Thread Starter BlueMoon123

    (@bluemoon123)

    Thank you very much. I’ll try that.

    Just to be clear would I need to add the code you gave me to the style sheets in the child theme as well so it won’t revert back on the next update?

    .responsive_nav_wrap {
    display: none !important;
    }

    • This reply was modified 6 years, 1 month ago by BlueMoon123.
Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to use CSS to hide the theme mobile toggle button’ is closed to new replies.