• Resolved stellamaris5

    (@stellamaris5)


    Just updated to latest Customiser and the responsive hamburger menu is not there.

    Any ideas? the normal menu is working on desktop site.

    I am aware of the new items that were introduced with the menu section. I have played around but have put everything back the way it was after the update.

    Freshly cleared caches too

Viewing 10 replies - 1 through 10 (of 10 total)
  • Does this happen with the parent theme too?
    You have a child-theme, right?

    Thread Starter stellamaris5

    (@stellamaris5)

    I have.

    If I Activate the parent theme will it mess up my settings when I go back to the child theme?

    Not really, they share the same themes option (though not the same menu and widgets, but should be safe).
    But if you’re scared, do this:
    Appearance -> Themes.
    Don’t activate the parent theme but just preview it and shrink the window till the responsive threshold. (preview iframe width <979px)
    ??

    Thread Starter stellamaris5

    (@stellamaris5)

    yep, i can see the Menu after doing what you suggested, can you check my CSS and stuff to see if I have anything?

    i do remember that I did some mods in the Hamburger menu – many thanks/!!

    Hello,
    you have this:

    .btn-navbar {
    width:          60px;
    height:         30px;
    vertical-align: top;
    }
    
    .btn-navbar:after {
    content:        "Menu";
    float:          right;
    margin:         -5px 0 0 0;
    }

    Make it become this:

    .tc-header .menu-btn {
    width:          60px;
    height:         30px;
    vertical-align: top;
    }
    
    .tc-header .menu-btn:after {
    content:        "Menu";
    float:          right;
    margin:         -5px 0 0 0;
    }

    Then you might need to add some other style to add a background color and stuff like that.

    Hope this helps.

    Thread Starter stellamaris5

    (@stellamaris5)

    yep that works, thank you very much.

    looks a bit grey and not really a button, but al long as we have a menu ??

    Thread Starter stellamaris5

    (@stellamaris5)

    how to make it a button with the same green background like the other button colors?

    Hello, with your configuration (without the bar icons) you can do something like that:
    1) Add the following to your child-theme functions.php
    add_filter(‘tc_regular_button_class’, ‘my_regular_menu_button_class’);
    function my_regular_menu_button_class( $classes){
    return array_merge( $classes, array( ‘btn’, ‘btn-primary’) );
    }
    2) get rid of:

    .tc-header .menu-btn {
    width:          60px;
    height:         30px;
    vertical-align: top;
    }
    
    .tc-header .menu-btn:after {
    content:        "Menu";
    float:          right;
    margin:         -5px 0 0 0;
    }

    (you’ll use the menu button label, new option, you already have it set)
    3) Add this to your custom css:

    .btn-toggle-nav.btn-primary {
        padding-left:0;
    }
    .navbar .btn-toggle-nav .menu-btn {
        height: 22px;
        width: 45px;
        position: relative;
        z-index: 2;
    }
    .btn-toggle-nav.btn.btn-primary.pull-right {
        position: relative;
    }
    .btn-toggle-nav .menu-label {
        display: block;
        position: absolute;
        left: 8px;
        top: 1px;
        z-index: 1;
    }

    Hope this helps.

    Thread Starter stellamaris5

    (@stellamaris5)

    great man thank you! Resolved

    Glad to hear that! You’re welcome ??

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Responsive hamburger menu button not there’ is closed to new replies.