Add "Menu" to 3- bar menu button

  • Resolved ejm151

    (@ejm151)


    10 years, 7 months ago

    I wish to add the word “Menu” to the responsive 3-bar menu button. As Dave Bardell suggested I have tried adding the following to my customizr-child/style.css :

    ‘.btn-navbar {
    width: 90px;
    height: 30px;
    vertical-align: top;
    }

    .btn-navbar:after {
    content: “Menu”;
    float: right;
    margin: -16px 0 0 0;
    }’

    but nothing happens. Any help greatly appreciated.

    # SITE_URL: http://lidogexp.info
    # HOME_URL: http://lidogexp.info
    # IS MULTISITE : No

    # THEME | VERSION : customizr | v3.4.11# WP VERSION : 4.3.1
    # PERMALINK STRUCTURE : /%postname%/

    # ACTIVE PLUGINS :
    Add Meta Tags: 2.9.2
    Admin renamer extended: 3.1
    Column Shortcodes: 0.6.6
    Duplicator: 0.5.30
    Dynamic Widgets: 1.5.11
    Fonts: 2.1
    Forget About Shortcode Buttons: 1.1.0
    iThemes Security: 5.0.1
    PHP Snippets: 1.1
    Regenerate Thumbnails: 2.2.4
    Remove Password Reset: 1.0
    Update Unique Keys: 1.0.9
    Velvet Blues Update URLs: 3.2.4
    Wordpress Firewall 2: 1.3
    WYSIWYG Widgets / Widget Blocks: 2.3.5

    PHP Version: 5.6.13
    MySQL Version:
    Web Server Info: Apache

    WordPress Memory Limit: 40MB
    PHP Safe Mode: No
    PHP Memory Limit: 256M
    PHP Upload Max Size: 128M
    PHP Post Max Size: 128M
    PHP Upload Max Filesize: 128M
    PHP Time Limit: 120
    PHP Max Input Vars: 3000
    PHP Arg Separator: &
    PHP Allow URL File Open: Yes
    WP_DEBUG: Disabled

    Show On Front: page
    Page On Front: Home (#3076)
    Page For Posts: Events (#674)

Viewing 4 replies - 1 through 4 (of 4 total)
  • rdellconsulting

    (@rdellconsulting)

    10 years, 7 months ago

    This has been superseded by:

    Customize>Header>Navigation – Display a label next to the menu button.
    Note : the label is hidden on mobile devices    .

    Thread Starter ejm151

    (@ejm151)

    10 years, 7 months ago

    Thanks rdellconsulting but this only works if I have the main menu on the side, which I don’t want, and even then the word “Menu” is missing from the button in any screen size below 980px

    Thread Starter ejm151

    (@ejm151)

    10 years, 7 months ago

    I’ve found that adding the following will achieve the result I desire:
    ‘.btn.menu-btn:before {
    content: “Menu”;
    font-weight:bold;
    color: #FFFFFF;
    }’

    Now I just have to find how to remove the 3 bars

    Thread Starter ejm151

    (@ejm151)

    10 years, 7 months ago

    To remove the 3 bars I used your addition to functions.php:
    ‘add_filter(‘tc_menu_display’, ‘rdc_menu_display’);
    function rdc_menu_display($output) {
    return preg_replace(‘|<span class=”icon-bar”></span>|’, null, $output);
    }’

    Customizr is the cat’s meow! Thanks

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

The topic ‘Add "Menu" to 3- bar menu button’ is closed to new replies.