Off-canvas sidebar icon barely clickable

This topic has 20 replies, 3 voices, and was last updated 1 year, 7 months ago ago by Vaporizer

  • Avatar: 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

    19 Answers
    Avatar: Rose Tyler
    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

    Avatar: Vaporizer
    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.
    Avatar: Rose Tyler
    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

    Avatar: Vaporizer
    Vaporizer
    Participant
    July 2, 2022 at 14:27

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

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    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

    Avatar: Rose Tyler
    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

    Avatar: Vaporizer
    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.

    Avatar: Vaporizer
    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.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 12, 2022 at 07:28

    Hello,

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

    Regards

    Avatar: Vaporizer
    Vaporizer
    Participant
    July 12, 2022 at 09:12

    No, absolutely clueless!

    Avatar: Rose Tyler
    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

    Avatar: Vaporizer
    Vaporizer
    Participant
    July 13, 2022 at 08:28

    Perfect. Thank you!

    Avatar: Vaporizer
    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.

    Avatar: Awais Ahmed
    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.

    Avatar: Vaporizer
    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

    Avatar: Rose Tyler
    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

    Avatar: Vaporizer
    Vaporizer
    Participant
    August 31, 2022 at 11:23

    Any news on this?

    Avatar: Rose Tyler
    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

    Avatar: Vaporizer
    Vaporizer
    Participant
    August 31, 2022 at 12:57

    Thank you

  • Viewing 20 results - 1 through 20 (of 20 total)

The issue related to '‘Off-canvas sidebar icon barely clickable’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.