+ Sign to far from actual button

Hi.

The + sign that expand the accordion menu is too far from the actual button, users simply do not click on it. Is there any way to display that plus sign next to the button text or to make the entire button area clickeable so the menu opens? Airi Pro Theme

Thanks

Hello there,

Please try doing these steps:

  1. Install and activate the TC Custom JavaScript plugin
  2. Go To Appearance > Custom JavaScript
  3. Paste the following code into the provided box
    ;(function($) {

      if( $('.menu-item-has-children').length ) {
        if ( matchMedia( 'only screen and (max-width: 1199px)' ).matches ) {
          $('.menu-item-has-children').each(function(){
            $(this).find('a').append(' ' + '<span class="subnav-toggle" style="position: static;"></span>');
          });
        }
      }

    })(jQuery);
  1. Update
  2. Add this simple CSS code to Appearance > Customize > Additional CSS from dashboard.
    .menu-item-has-children > .subnav-toggle {
      display: none;
      opacity: 0;
    }

    .menu-item-has-children > a > .subnav-toggle {
      display: inline;
    }

Regards,
Kharis
aThemes Support

Hi Kharis.

Thanks you very much for your prompt reply.

After following your advice, I can see the sign plus has moved next to the button text, however when I click on it, it does expand the menu, it simply takes me to another page. So that the problem is not really solved.

Any thoughts?

Thanks again.

Best

Hello there,

Please provide us a link to your website, so we can take a look at it.

Regards,
Kharis
aThemes Support

http://maasociados.com.co/

Thanks