Return to previous page

Mobile: Cart page – Resizing issue

This topic has 6 replies, 3 voices, and was last updated 9 years, 2 months ago ago by Jack Richardson

sande410

Participant

September 2, 2015 at 23:57

For the mobile’s view cart page, the top section (Product, quality, total), it is not adjusting and re-sizing properly to device. Right now, the Total is cut off and needs to be scrolled to the right to see the rest of the content.

https://www.dropbox.com/s/0aev894qwy0at6z/mobile.jpg?dl=0

Please, contact administrator
for this information.

#84164 Copied Theme version: 2.3

5 Answers

Robert Hall

Support staff

September 3, 2015 at 08:18

Hello,

This is not a problem. You can see the same view in our demo site, for example:
https://www.8theme.com/demo/woopress/boxed/?page_id=8

Regards,
Robert Hall.

#84233 Copied

sande410

Participant

September 3, 2015 at 19:59

Are you saying that this setting is considered standard to your theme and company? Please confirm.

If so, do you have any suggestions on how to adjust the table/content accordingly to device? Please advise.

#84461 Copied
Jack Richardson

Support staff

September 4, 2015 at 09:35
Hello,

You may try to use this code in Theme Options > Custom CSS > Custom CSS for mobile:
```
.shop-table .table-bordered > tbody > tr > td {
    padding: 25px 5px;
    white-space: normal !important;
}
.shop-table .table-bordered td.product-name a {
   font-size: 8px;
}
.shop-table .table-bordered > thead > tr > th {
    padding: 5px !important;
    font-size: 8px;
}
```
Best regards,
Jack Richardson.
#84556 Copied
sande410

Participant

September 8, 2015 at 19:45

Thank you for the codes. It worked wonderfully!

#85500 Copied

Jack Richardson

Support staff

September 9, 2015 at 07:42

Hello,

You’re welcome.

Best regards,
Jack Richardson.

#85543 Copied
Viewing 6 results - 1 through 6 (of 6 total)