Return to previous page

After checkout page download button is move forward in mobile preview

This topic has 2 replies, 2 voices, and was last updated 4 months ago ago by Jack Richardson

Shreyansh Shylendran

Participant

August 19, 2024 at 17:10

Hi Xstore,

I am writing this for that i bought a demo downloadable product at my website and after check out page where i saw the downloadable products, Download button is not showing well structure in mobile layout.

For your reference i attached a screen recording after i purchase the product download button is not showing well.

can you please help me to layout this or any documentation.

🙂
Cheers,
Nitin Shankar
+919899706783

Please, contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#410745 Copied Theme version: 9.3.17

1 Answer
Jack Richardson

Support staff

August 20, 2024 at 11:08
Dear @Nitin Shankar,

We hope this message finds you well. We would like to offer you the following custom CSS options for integration into your theme. You can add these by navigating to Theme Options -> Theme Custom CSS -> Global CSS:

1. To enable scrolling for content that exceeds the screen dimensions, please use:
```
.woocommerce-order-downloads {
       overflow: auto;
   }
```
2. To hide one of the columns on devices with a screen width smaller than 768px, you may consider:
```
@media only screen and (max-width: 768px) {
       .woocommerce-order-downloads .download-remaining {
           display: none;
       }
   }
```
Please choose the option that best suits your needs. Should you require any further assistance or have additional queries, feel free to contact us.

Best Regards,
Jack Richardson
The 8Theme Team
#410828 Copied
Tagged: checkout page optimization, mobile preview download button, move forward button, woocommerce checkout page, woocommerce mobile interface, wordpress ecommerce solutions, wordpress templates
Viewing 2 results - 1 through 2 (of 2 total)