Return to previous page

Missing Closing button on Mobile sidebar

This topic has 4 replies, 3 voices, and was last updated 9 months, 3 weeks ago ago by Rose Tyler

jimmy

Participant

July 25, 2023 at 04:50

Hi,

I try to close the sidebar on the shop page on mobile, but there is no closing button.

Here is the screenshot: https://ibb.co/KNjTrrq

How should I close it?

Thanks,
Jimmy

#362863 Copied Theme version: 9.1.11 WooCommerce version: 7.9.0

3 Answers

Tony Rodriguez

Support staff

July 25, 2023 at 05:44

Hello, @jimmy,

Thank you for using our theme and for contacting us.

If you would like to display the sidebar on mobile with a close button, please navigate to XStore > Theme Options > Woocommerce > Shop > Shop page layout > Sidebar Position For Mobile > Select OFF Canvas and publish the changes. Please clear the mobile browser cache and check back.

Please refer to the image provided at the following link for further reference: https://imgur.com/U0aG4MD

If the issue still persist, We suggest disabling all third-party plugins (including cache plugins) that do not come bundled with XStore (https://xstore.helpscoutdocs.com/article/36-included-plugins), clearing the cache of the browser, and then checking again. It is possible that one of the additional plugins is causing the issue.

If the issue still persists, please keep all third-party plugins deactivated on your site and grant permission to debug your site, which includes deactivating all third-party plugins and on-site Customization. This will allow us to investigate and assist you accordingly.

Please note that you should take a complete backup of your site before proceeding.

In addition, please provide your site’s WP Admin URL and credentials in the private content area of this topic, so that we can look into it further:

WP Admin URL:
WP Admin Username:
WP Admin Password:

Thank you for your cooperation.

Best Regards,
8Theme’s Team.

#362866 Copied

jimmy

Participant

July 26, 2023 at 10:51

Thank Tony, I fixed it already, I previously used the css code your company provided to extend the width of the sidebar, I have now removed the css code on mobile, and the closing button reappear.

Now there is another issue. I noticed when I clicked on the sidebar filter button. Products that overlapped with the button also got clicked, Can you fix the issue for me? Thanks. https://ibb.co/jkmk3sV

#363003 Copied
Rose Tyler

Support staff

July 26, 2023 at 10:59
Hello, @jimmy,

Thank you for your response.

Please try to add the next code in Theme Options > Theme custom CSS:
```
.off-canvas-sidebar-opened .content-product a {
    pointer-events: none;
} 
```
Best Regards,
8Theme’s Team.
#363005 Copied
Tagged: button, closing, mobile, responsive, sidebar, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)