Only a small part of the menu buttons work on mobile

When on mobile the top level menu items only work if tapped in a very specific place. The menu buttons are 140×183, but only an area of about 10×50 actually does anything when tapped. Tapping any of these buttons should open the submenu, at first I thought it wasn’t working at all but then using mobile view in chrome I realised it is working when tapped in the right place (between the icon and text).

I’ve only just noticed this, so not sure when or how it was introduced, but it wasn’t there a few months ago, the menu worked perfectly before.

Any ideas anyone?

Edit: I’ve just realised the specific space that I need to tap for it to work is the above the text where you aren’t clicking on any ‘object’. This is the output of the button:

<a href="#">
<img src="https://www.plpfire.dev.co.uk/wp-content/uploads/2019/08/Fire-Alarms.png" alt="Fire Alarms">
<br>
<p>Fire Alarms</p>
<div class="mob-expand-submenu show-sub">
<i class="mob-icon-down-open open-icon hide"></i>
<i class="mob-icon-up-open close-icon"></i>
</div>
</a>

thanks

• This topic was modified 4 years, 6 months ago by azzwizz.
• This topic was modified 4 years, 6 months ago by azzwizz.
• This topic was modified 4 years, 6 months ago by azzwizz.

The page I need help with: [log in to see the link]