Add "Menu" text to responsive menu icon button

rickdeet — Thu, 23 Oct 2014 14:38:41 +0000

I’d like to add the word “Menu” after the responsive menu icon. Can you tell me how to do that?

Thank you!

Reply To: Add "Menu" text to responsive menu icon button

IshYoBoy — Fri, 24 Oct 2014 07:44:28 +0000

Hey,

You can use a child theme to override the “ishyoboy_create_resp_nav” function that is located inside “wp-content\themes\boldial\assets\functions\nav.php” file.

The function looks like this. It will better if you copy it from the mentioned file.

function ishyoboy_create_resp_nav() {
	global $ish_options;

	$visibility_class = ( ishyoboy_use_sidenav() ) ? 'ish-ph-mn-visible' : 'ish-ph-mn-hidden';

	?>
	<ul class="ish-ph-mn-resp_nav <?php echo $visibility_class; ?>">
		<!-- Resp menu button -->
		<?php if ( ! ishyoboy_use_sidenav() ){ ?>
			<li class="ish-ph-mn-resp_menu"><a href="#respnav" class="ish-icon-menu"></a></li>
		<?php } else { ?>
			<li class="ish-ph-mn-resp_menu"><a href="#sidenav" class="ish-icon-menu"></a></li>
		<?php } ?>

		<!-- Search button if enabled -->
		<?php if ( isset($ish_options['use_navigation_search']) && ('1' == $ish_options['use_navigation_search']) ) { ?>
			<li class="ish-ph-mn-search"><a href="#search" class="ish-icon-search"></a></li>
		<?php } ?>

		<!-- Expandable button if enabled -->
		<?php if ( ishyoboy_use_expandable_header() ) { ?>
			<li class="ish-ph-expandable_btn"><a href="#expandable" class="ish-icon-list-add"></a></li>
		<?php } ?>

		<?php echo ishyoboy_add_language_selector(); ?>
	</ul>
	<?php
}

function ishyoboy_create_resp_nav() {

global $ish_options;

$visibility_class = ( ishyoboy_use_sidenav() ) ? 'ish-ph-mn-visible' : 'ish-ph-mn-hidden';

if ( ! ishyoboy_use_sidenav() ){ ?>

} else { ?>

} ?>

if ( isset($ish_options['use_navigation_search']) && ('1' == $ish_options['use_navigation_search']) ) { ?>

} ?>

if ( ishyoboy_use_expandable_header() ) { ?>

} ?>

echo ishyoboy_add_language_selector(); ?>

</ul>

<?php

}

Then just update the code that outputs the button. E.g.:

<?php if ( ! ishyoboy_use_sidenav() ){ ?>
	<li class="ish-ph-mn-resp_menu"><a href="#respnav" class="ish-icon-menu"> <?php _e( 'MENU', 'ishyoboy' ); ?></a></li>
<?php } else { ?>
	<li class="ish-ph-mn-resp_menu"><a href="#sidenav" class="ish-icon-menu"> <?php _e( 'MENU', 'ishyoboy' ); ?></a></li>
<?php } ?>

if ( ! ishyoboy_use_sidenav() ){ ?>

<li class="ish-ph-mn-resp_menu"><a href="#respnav" class="ish-icon-menu"> _e( 'MENU', 'ishyoboy' ); ?></a></li>

} else { ?>

<li class="ish-ph-mn-resp_menu"><a href="#sidenav" class="ish-icon-menu"> _e( 'MENU', 'ishyoboy' ); ?></a></li>

} ?>

Or if you do not want these text strings to be translatable go the easier way:

<?php if ( ! ishyoboy_use_sidenav() ){ ?>
	<li class="ish-ph-mn-resp_menu"><a href="#respnav" class="ish-icon-menu"> MENU</li>
<?php } else { ?>
	<li class="ish-ph-mn-resp_menu"><a href="#sidenav" class="ish-icon-menu"> MENU</a></li>
<?php } ?>

if ( ! ishyoboy_use_sidenav() ){ ?>

} else { ?>

} ?>

Please note we have provided a starter child theme to make it easier for you.

1. Just copy the mentioned function to the bottom of functions.php of the child theme
2. Make the mentioned changes
3. Upload and activate the child theme in WordPress
4. Voila ;)

If you haven’t worked with child themes before you might want to read this article https://codex.wordpress.org/Child_Themes

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Support ForumAdd "Menu" text to responsive menu icon button – Support Forum

Add "Menu" text to responsive menu icon button

Reply To: Add "Menu" text to responsive menu icon button