Problems with attributes in the mobile view

Hello @Eragon,

It appears that the layout you mentioned is not present on your archive product page (https://gyazo.com/961565f84ad4134cfab197caf22274e7), which suggests that the URL provided for your website may be incorrect. Additionally, we would like to clarify whether you have set a background that you now wish to remove or minimize on mobile devices. Any additional screenshots, videos, or other details you could provide would be greatly appreciated, as they would help us assist you more effectively.

Best regards,
Jack Richardson
The 8Theme’s Team

Hello @Eragon,

You may consider trying one of the following solutions:

1. To enhance the display of the content:

@media only screen and (max-width: 767px) {
  .etheme-product-grid .etheme-product-has-fadeIn-content th, 
  .etheme-product-grid .etheme-product-has-fadeIn-content td {
    display: block;
    text-align: left;
    padding: 0 5px;
    word-wrap: break-word;
  }
}

Frontend result: [View Here](https://gyazo.com/123dfc3bee2b91ba577afb39a0ac0cc4)

2. To prevent the display of certain attributes on mobile/tablet devices that do not support the browser hover feature:

@media (hover: none) {
  .etheme-product-has-fadeIn-content .etheme-product-grid-spacer,
  .etheme-product-grid .etheme-product-grid-fadeIn-area {
    display: none;
  }
}

If you have another thought, please, clearify the result you expected and we will try to assist you.

Best Regards,
Jack Richardson
The 8Theme’s Team