Mobile version of shop page and navigation need repair

Dear Safe Desires Team,

We hope this message finds you well. I am writing to inform you of a few updates and suggestions regarding your website’s functionality:

1. We have adjusted the z-index of your logo container, and I am pleased to report that the issue has now been resolved.

2. We attempted to replicate the issue you reported but were unable to do so on our end. Could you please try disabling all lazy load options in your cache plugins and within the XStore theme to see if that resolves the issue?

3. To access the feature you mentioned, please click on the sidebar and then switch back to the Categories tab. You can view the process here: [https://prnt.sc/UGAw2-3xpHaz](https://prnt.sc/UGAw2-3xpHaz).

4. Additionally, we recommend adding the following CSS code to enhance the responsiveness of your site on mobile devices. Please insert it under XStore > Theme Options > Theme Custom CSS > Global CSS:

@media (max-width: 600px){
    .products-grid {
        display: grid;
        grid-template-columns: repeat(2, 2fr);
    }
    .products-grid::before {
        display: none;
    }
}

You can view the expected result here: [https://prnt.sc/puadK4IM5xlv](https://prnt.sc/puadK4IM5xlv).

Should you require any further assistance or have additional queries, please do not hesitate to contact us.

Best Regards,
8Theme’s Team

Hi @Safe Desires,

When clicking on Stockings, Corsets, Nipple Covers or Pajamas, the loaded page is completely messed up.

When clicking on a box, the text e918 appears. Please correct that to a checkbox.

No option to add to cart, wishlist, buy now
Also, can the M, L (size letters) by centered instead of top-justified?
During this time, no filter option is shown

It seems the styles were missing and the elements have broken. Can you please help us to completely turn off the cache plugins and then check again?

This page has the options to add to cart, but not to add to whislist. this page for some reason shows the filter icon on the left. How can we make sure that this filter icon is always available? Also, is there a way to make it more prominent? Users can easily miss this small button and may not know what it’s for. In this
Screenshot_20240818_225506_Chrome.jpg, you can see what a common set-up is. A filter button that floats at the top of the shop page.

The add to cart & wishlist buttons are hidden from mobile by default. To show them on mobile device, add this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:

body[data-elementor-device-mode=mobile] .etheme-product-hover-mask3:not(:hover) footer {
    opacity: 1;
    visibility: visible;
    right: 20px;
}

The fly-out filter only shows two categories and is not showing all colors.

Did you remove the filter button?

Why are the columns so narrow all of the sudden?

It seems from the custom CSS codes. Did you sort it out?

Also. when I click on “Shop All”, I want to see the safedesires.com/shop page. Instead, it’s taking me back to the home page

The Shop All link is already linked to the shop page: https://prnt.sc/3IBGdapWriXY.

Best Regards,
8Theme’s Team

Dear @Safe Desires,

We hope this message finds you well. We have implemented a solution to address the issue of the header overlapping the filter canvas on your website. Please add the following custom CSS to rectify this:

.sidebar-position-left {
    z-index: 999999;
    position: relative;
}

You can view the corrected layout here: [Screenshot](https://prnt.sc/FN28g-RjuRwS)

Additionally, we have noticed that other categories remain visible when a specific category is selected. Kindly review the following video that demonstrates this issue: [Video Link](https://www.awesomescreenshot.com/video/30736424?key=29220f5b3eff0da0a6e53fbc1cbf084e)

Please be aware that the full list of categories will only be displayed on the shop page. When visiting category archive pages, only the children of the current category (if any exist) will be shown.

Thank you for your attention to these matters. Should you have any further questions or require additional assistance, please do not hesitate to contact us.

Best Regards,
The 8Theme Team

Hi @Safe Desires,

We’re very confused on your points.

Are you on the shop page or the product categories page?

Here are the screenshots how it looks on the shop page(https://safedesires.com/shop/?filter_cat=bodysuits) for now, the other product categories are still showing(and it will not work on the product categories page as we mentioned in previous reply):

1. Desktop: https://prnt.sc/YAWkAPHVgGwm
2. Mobile: https://prnt.sc/vTPWq7T5ZWje

Best Regards,
The 8Theme Team

Hello, @Safe Desires,

“that the logo is covering the filter menu” – fixed using custom CSS code – https://prnt.sc/J_8huvRXUTkm (there was unclosed { in custom CSS code on your site).

“I guess I don’t understand why, when navigating to the Shop page using a category link, the user can no longer reset or add other product categories again, but when a user starts in the shop page and then makes a category selection, all other categories are still available to be used.” – please describe the problem on more time with videos and do the same for the desired result.
Thank you for your cooperation.

Best Regards,
The 8Theme Team

Dear @Safe Desires,

We are pleased to inform you that the syntax error in your custom CSS has been resolved. We kindly ask you to review the changes at your earliest convenience to ensure everything is functioning as expected.

Thank you for your attention to this matter.

Best regards,
The 8Theme Team