Remove Title from Mobile Menu Buttons

  • Resolved snowme

    (@snowme)


    6 years, 9 months ago

    Hi,

    Is it possible to remove the title attribute from raindrops-nav-menu-expand and raindrops-nav-menu-shrunk in the Mobile Menu. It causes tooltips to popup and forces users to press the button twice.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author nobita

    (@nobita)

    Hi @snowme

    1. Customize / Presentation / Menu

    Primary Menu Automatic Responsive. set to No

    Publish

    2. Customize / Additional CSS

    Try add this style

    
@media screen and (max-width : 640px){
    #top .raindrops-mobile-menu {
        display:none!important;
    }
    #top #access{
        display:block!important;
    }
}
    Thread Starter snowme

    (@snowme)

    Sorry, I don’t want to remove the Mobile Menu. I want to remove the title attribute from span.raindrops-nav-menu-expand and span.raindrops-nav-menu-shrunk

    Theme Author nobita

    (@nobita)

    please do not worry. I understand.

    It is necessary to write a filter with PHP.
    Add the following code to functions.php.(with child theme)

    
<?php
add_filter( 'raindrops_nav_menu_primary_html', 'my_stop_tooltip' );

function my_stop_tooltip( $html ) {
	$replace_pairs = array ( 'raindrops-nav-menu-expand' => 'raindrops-nav-menu-expand no-tooltip',
	'raindrops-nav-menu-shrunk' => 'raindrops-nav-menu-shrunk no-tooltip' );
	
	return strtr( $html, $replace_pairs );
}
?>

    Thank you.

    • This reply was modified 6 years, 9 months ago by nobita.
    Thread Starter snowme

    (@snowme)

    Thank you Nobita. That worked!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Remove Title from Mobile Menu Buttons’ is closed to new replies.