Clickable elements too close together

Hi There, I have spent weeks searching online trying to fix this issue and I have ran out of options and I’m hoping you can help me.
My website is:
For some reason Google Search Console keeps giving error “Clickable elements too close together”…
I’m using your theme Shapely Version: 1.2.4
Do you have a solutions for this?
Thanking you in advance.

Marwan S
Scope Link Barcode Technologies


I hope you are doing well today.

Could you please post me the link to those results?
It could be just a specific element and we can add some CSS to fix it but we would not be able to know which element is the issue.

Best Regards,

Thank you so much for getting back to me.
Here is the Google report link, I’m not sure if its feasible enough as i don’t have any other info given by Google:

I have also attached a screenshot of the report just in case.

I believe it is most likely related to the top (Primary) Main Menu.
Google picks up random pages with this same error and this time it happens to be with this page:

hey there

Please add this CSS in appearance - customize - additional CSS

@media (max-width: 991px){
.main-navigation .menu li {
margin: 10px 0px;

Colorlib Support Team

I applied the CSS and I can see the menu items are now further apart from each other which is great.
Thank you so much for all your help.

Good evening

So, is your problem resolved by this method? have you checked it from google again?