Return to previous page

Off-canvas sidebar icon barely clickable

This topic has 20 replies, 3 voices, and was last updated 2 years, 2 months ago ago by Vaporizer

Vaporizer

Participant

July 1, 2022 at 17:18

Almost none of my clients are able to make use of the sidebar off-canvas icon on mobile. It looks like it’s because the <a> of the button is too tiny, because every time when they try clicking on the icon, the product behind the icon opens. How can I fix this?
It helps when you swipe right from the icon, but the clients device takes you back one page, as this is a function of the iOS.
https://ibb.co/4SBdxzN

#327995 Copied Theme version: 8.2.1

19 Answers

Rose Tyler

Support staff

July 2, 2022 at 05:59

Hello,

Thanks for contacting us.
Please provide URL of your site, temporary wp-admin and FTP access. I will ask our dev team to check the sidebar functionality more deeply and help you.
Create an account via Dashboard (Users > Add new) with administrator role http://prntscr.com/s3rc9m > provide us with username and password via the Private Content area http://prntscr.com/s5mao7 You can use any email for it.
If you do not know how to create FTP contact with your hosting provider, they will help you.

Regards

#328013 Copied

Vaporizer

Participant

July 2, 2022 at 11:06

If you test, please test on a real mobile device, as it is here the challenge occur.

Here you can see a video, where I try to click on the filter/sidebar button, but it only worked on the third try. And the first two attempts ended up open the product on the back. https://files.fm/f/s2s2p8ems

Please contact administrator
for this information.

#328063 Copied

Rose Tyler

Support staff

July 2, 2022 at 12:45

Hello,

Thanks for the reply. I’ve passed this issue to our dev team. They will check it and give an answer after the weekend. Sorry for such a delay.
Meanwhile, provide us with FTP access.

Regards

#328081 Copied

Vaporizer

Participant

July 2, 2022 at 14:27

Attention! It’s this folder: skalkur (skalkur.styr.fo)

Please contact administrator
for this information.

#328096 Copied

Rose Tyler

Support staff

July 3, 2022 at 06:48

Hello,

Thanks for the reply. I will let you know once our dev team gives the answer.

Regards

#328148 Copied

Rose Tyler

Support staff

July 4, 2022 at 08:15

Hello,

1/ We’ve tried to disable YITH WooCommerce Ajax Product Filter Premium plugin – https://prnt.sc/r6gGz7WvswRy but it is visible on the frontend still – https://prnt.sc/z9owhU7IjMV0 , so there is a cache of some sort that we can’t clear. Please check
2/ Do you face the problem with the sidebar icon on any of our demos?
We can see a lot of additional customization and plugins on your site, and the reason for the problem can be there.
Do you have the mentioned issue when parent theme is activated on your site?

Regards

#328235 Copied

Vaporizer

Participant

July 11, 2022 at 13:49

Thank you, Rose Tyler

I tried removing the custom code on the child stylesheet, and found the button working after that. So I will just need to find the correct code, that is causing this.

Edit: Was perhaps too quick to reply. Hadn’t tested on mobile device. Still an issue there. I’ll let you know in a bit.

#329342 Copied

Vaporizer

Participant

July 11, 2022 at 14:44

Steps tried:
– Using the Parent theme
– Removing custom code from child style file
– removing CSS from theme customization page (theme options)

Nothing worked. I tested the demos, and could see that it worked well there. So there is some issue on my page.

Maybe some plugin. So I will try deactivating plugins now.

EDIT: Tried deactivating all plugins, and the issue is STILL there.

FYI: I’ve deactivated the YITH product filter plugin.

#329357 Copied

Rose Tyler

Support staff

July 12, 2022 at 07:28

Hello,

Thanks for your replies. Have you found the reason for the problem?

Regards

#329394 Copied

Vaporizer

Participant

July 12, 2022 at 09:12

No, absolutely clueless!

#329409 Copied

Rose Tyler

Support staff

July 13, 2022 at 08:08

Hello,

Sorry for the delay in answering.
Fixed by adding custom CSS code https://prnt.sc/aX2I2Sxt4nhy
Please clear cache of browser on your mobile and check now.

Regards

#329541 Copied

Vaporizer

Participant

July 13, 2022 at 08:28

Perfect. Thank you!

#329545 Copied

Vaporizer

Participant

August 28, 2022 at 22:21

Hello again.

I only now discovered, that this fix was the cause of another problem, that I’ve been struggling with.1

The custom code caused the products and the top filter on mobile category pages being unclickable:

When you guide through categories on mobile, the products, filters and wishlist are not clickable. The filter button to the left is working.
It’s only when you reload the given page, that the products are clickable again.

#332675 Copied

Awais Ahmed

Participant

August 29, 2022 at 07:03

Hello, @Vaporizer,

I have just checked your site now and it is working perfectly fine for me on my mobile, please watch this video I have captured for you, the filters are simply clicking and working fine on category pages.

https://www.veed.io/view/7ad598f5-d765-4951-9547-4ec93c7fc8d3?sharingWidget=true

https://streamable.com/t7iafk

Regards 8Themes Team.

#332689 Copied

Vaporizer

Participant

August 29, 2022 at 08:42

Try starting here: https://skalkur.fo/product-category/100/10001/

Then use the side filter icon to guide to the ‘T-shirt’ menu item.

Then try clicking on a product or filter?

As you see on my attachment, it doesn’t work.

https://streamable.com/9wre9f

#332697 Copied

Rose Tyler

Support staff

August 29, 2022 at 12:17

Hello,

Thanks for the video. I’ve passed this topic to our dev team, and I will let you know their answer soon.

Regards

#332719 Copied

Vaporizer

Participant

August 31, 2022 at 11:23

Any news on this?

#332850 Copied

Rose Tyler

Support staff

August 31, 2022 at 11:36

Hello,

We uploaded the file with fix to your skalkur.styr.fo so you may check it there. We checked before and after (the problem was solved)
To upload file with the fix on your another skalkur.fo web-site please, follow the instructions:
1/ Download file here -> dropmefiles.com.ua – https://dropmefiles.com.ua/ua/4wxNkhXEv
2/ Upload it by next path -> xstore/js/ajax-filters.min.js

Also, it will be included in the next theme update!

Regards

#332854 Copied

Vaporizer

Participant

August 31, 2022 at 12:57

Thank you

#332863 Copied
Tagged: barely clickable, icon, off canvas, sidebar, templates, woocommerce, wordpress
Viewing 20 results - 1 through 20 (of 20 total)