Return to previous page

Trying to fix Mobile Responsive of compare page

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

Daniel

Participant

September 30, 2024 at 18:27

Hi! I’m trying to fix mobile responsive for compare page in my demo “Electronic mega market” because i think the “tds” in table are so big and they don’t let the content be seen as you can see in the screenshot.

Please, contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#416518 Copied Theme version: 9.4.1

3 Answers
Jack Richardson

Support staff

October 1, 2024 at 07:52
Dear @Daniel,

I hope this message finds you well. We have identified that the responsive issue on the Compare page is due to the extended length of text in one of the table columns. This occurs because the browser settings for tables typically adjust all columns to match the width of the widest column.

To address this, we propose the following solutions:

1. Hide the label of the checkbox table column in responsive mode:
```
@media only screen and (max-width: 768px) {
      td.xstore-compare-checkbox label {
          display: none;
      }
   }
```
2. Decrease the size of labels in responsive mode:
```
@media only screen and (max-width: 768px) {
      .xstore-compare-table td:first-child {
          font-size: 12px;
      }
   }
```
3. Disable the sticky feature for the first table column in responsive mode:
```
@media only screen and (max-width: 768px) {
      .xstore-compare-items td:first-child {
          position: static;
      }
   }
```
Please implement any of the suggested solutions by adding them to the Theme Options under Theme Custom CSS -> Global CSS. Choose the option that best suits your needs.

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

Best regards,
Jack Richardson
The 8Theme Team
#416564 Copied
Daniel

Participant

October 1, 2024 at 08:05

Perfect!

#416566 Copied

Andrew Mitchell

Support staff

October 1, 2024 at 08:05

Dear Daniel,

We trust our theme is enhancing your experience. Taking a brief moment to rate it with a glowing 5 stars on ThemeForest would be immensely appreciated. Your feedback holds significant value for us.

Click here to rate now: https://themeforest.net/downloads

Thank you sincerely for your ongoing support!

Best Regards,
The 8Theme Team

#416567 Copied
Tagged: compare page responsiveness, fix mobile responsive, improve mobile view, responsive woocommerce themes, woocommerce wordpress themes, wordpress compare page
Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘Trying to fix Mobile Responsive of compare page’' has been successfully resolved, and the topic is now closed for further responses

Trying to fix Mobile Responsive of compare page

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection