Return to previous page

No horizontal scrolling for data table on AMP product pages

This topic has 4 replies, 2 voices, and was last updated 8 months ago ago by Rose Tyler

khurram virk

Participant

March 21, 2024 at 19:37

Dear Team

Good day to you!

The tables are not scrolling horizontally on the AMP product page. We want to make them horizontal scrolls so they can be viewed completely on AMP. Please guide us to fix this issue. Please check attached video for better understanding.

https://www.loom.com/share/db213079b21e4205a4cca534ffb3f925

thank you for continuous support

highly appreciated.

Please, contact administrator
for this information.

#387959 Copied Theme version: 9

3 Answers

Rose Tyler

Support staff

March 22, 2024 at 08:47

Hello, khurram virk,

Thank you for reaching out.

Please provide the URL of the product from your video.

Best Regards,
8Theme’s Team

#388004 Copied

khurram virk

Participant

March 23, 2024 at 18:06

Dear Sir

Good day to you!

here is the link

https://safeandsecureksa.com/product/manual-pallet-truck/?attribute_pa_size-tonne=2-5t

FYI, every page has dimension datasheet table.

thank you

#388242 Copied
Rose Tyler

Support staff

March 24, 2024 at 08:54
Hello, khurram virk,

We appreciate your prompt response.
```
.single-product-content .wpDataTables {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
}
```
https://www.8theme.com/documentation/xstore/amp-plugin/custom-css-section/

Best Regards,
8Theme’s Team
#388305 Copied
Tagged: amp product pages enhancement, amp woocommerce templates, data table amp pages, no horizontal scrolling, responsive woocommerce templates, wordpress woocommerce optimization
Viewing 4 results - 1 through 4 (of 4 total)