I'm using a child theme based on Theme Nectar's Salient WordPress theme, and I'm encountering a frustrating issue in attempting to modify the text that displays for a sticky nav sub-menu in a collapsed (mobile) state. After digging through the parent theme files, I'm seeing that the php code responsible for the submenu, located in a "nectar-vc-addons" sub-folder, is as follows:
echo '<a href="#" class="mobile-menu-link"><i class="salient-page-submenu-icon"></i>'.__('Menu',NECTAR_THEME_NAME).'</a><ul style="background-color:'.$bg_color.'; color: '.$link_color.';" >'.do_shortcode($content).'</ul>';
This results, in part, in the following markup being generated for the menu:
<a href="#" class="mobile-menu-link">
<i class="salient-page-submenu-icon"></i>
"Menu"
</a>
All I want to do is change this "Menu" text to something different, and there doesn't appear to be a theme option to do so; and I'd like to avoid altering the PHP in the theme file so it's not overwritten in the event of a theme version upgrade.
I realize I can use some jQuery trickery to alter the string, but I'm wondering if there's some way I can change the text in the functions.php
file in my child theme or some other way? I'm open to CSS approaches as well perhaps using psuedo elements, but I can't come up with anything that works in changing the text within the anchor element and keeping the icon. Any assistance here is greatly appreciated!