Return to previous page

Change filter icon behaviour on mobile devices from ‘hover’ to ‘click’

This topic has 5 replies, 3 voices, and was last updated 2 months, 2 weeks ago ago by Andrew Mitchell

Abdullah

Participant

July 14, 2024 at 18:10

Hi there,

By default the behaviour of the filter icon is when the user ‘hovers’ over the icon, the filter sidebar is displayed.

On mobile, this is not possible as you cannot detect a hover. I want to change this to ‘click’ when on mobile.

Thanks in advance.

#404691 Copied Theme version: 9.3.14

4 Answers

Tony Rodriguez

Support staff

July 15, 2024 at 06:31

Hello, @Abdullah,

Thank you for contacting us and for using XStore.

In order to assist you with your inquiry, we request that you provide us with URL and temporary access to the wp-admin of your website. This will enable us to take a closer look at your settings and provide you with a more accurate and specific solution.

To do this, please follow these steps:
– Create an account via Dashboard (Users > Add new) with administrator role. Refer to the following image for guidance: http://prntscr.com/s3rc9m
– Provide us with the username and password for the newly created account via the Private Content area. Refer to the following image for guidance: http://prntscr.com/s5mao7
– Any email address can be used for the new account, it does not have to be your personal email.

We kindly recommend that you take a complete backup of your site before proceeding.

Please let us know once you have completed these steps, and we will promptly review your account information and provide assistance as soon as possible.

Kind Regards,
8theme team

Please contact administrator
for this information.

#404712 Copied

Abdullah

Participant

July 17, 2024 at 01:49

Hi,

I have created the user and provided the URL through the private content area.

While you are in there, i have another issue that is happening. In the Shop page (url provided in content area), if you hover over the a product image and move along to the right – it will show the other images as expected. However, if you scroll to the left of the product image all the way to the end, then a blank white image is shown. This happens for all products on the Shop page. I have added a screenshot to show the behaviour.

Last issue i am having is with the filters on the shop page. When i click on a filter, there is no way to reset the filter or even remove the filter that was applied. the selected filter just disappears. Not sure whats happening there and there is no way to fix through filters section in theme options. Added a screenshot below for this also.

Please take a look at these 3 issues as we are planning to go live very soon.

Thanks in advance!

Please contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#405233 Copied

Tony Rodriguez

Support staff

July 18, 2024 at 06:10

Hello, @Abdullah,

Thank you for your response.

By default the behaviour of the filter icon is when the user ‘hovers’ over the icon, the filter sidebar is displayed.

On mobile, this is not possible as you cannot detect a hover. I want to change this to ‘click’ when on mobile.

To assist you in resolving your issue, we have prepared a detailed video tutorial. We kindly ask that you view the video and follow the steps outlined to address your concern. The video link in private content area.

We trust this will be helpful to you.

For future assistance, please ensure to create a new topic for each issue on our support forum. This helps us provide you with timely and organized support.

Thank you for your attention.

Best Regards,
The 8Theme Team

Please contact administrator
for this information.

#405491 Copied

Andrew Mitchell

Support staff

July 21, 2024 at 00:25

Dear Abdullah,

We hope you’re reveling in the experience our theme brings! Your enthusiasm is what fuels our passion. Would you be so kind as to channel that energy into a 5-star rating on ThemeForest? Your feedback is the spark that lights our way!

Click here to spread the love: https://themeforest.net/downloads

Thank you for being an integral part of our journey!

Best Regards,
The 8Theme Team

#406055 Copied
Tagged: change filter icon behaviour, click instead hover, improve woocommerce mobile navigation, mobile device woocommerce, optimize mobile user experience, wordpress woocommerce templates
Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘Change filter icon behaviour on mobile devices from ‘hover’ to ‘click’’' has been successfully resolved, and the topic is now closed for further responses

Change filter icon behaviour on mobile devices from ‘hover’ to ‘click’

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection