Return to previous page

Download is off screen on mobile devices

This topic has 10 replies, 4 voices, and was last updated 1 years ago ago by Andrew Mitchell

Woolwolf

Participant

November 12, 2024 at 10:20

Hi,

After a purchase, my customers can download the product from a link. This link is, however off-screen on mobile devices. I edit with Elementor, but I can’t access the order page. Can you help me change the margins, so the download is visible on mobile devices?

Best regards,
Trine

Please, contact administrator
for this information.

#422905 Copied Theme version: 9.4.4

9 Answers

Rose Tyler

Support staff

November 12, 2024 at 13:31

Hello, Woolwolf,

Could you kindly provide a link to the page you are referring to, along with a few screenshots to help us better understand your request?

Best regards,
8Theme’s Team

#422937 Copied

Woolwolf

Participant

November 20, 2024 at 10:56

Hi,
have attached a screenshot from my mobile device showing the “Thank You for Your Order” page after I made my purchase at my website. As you can see, the download link is outside the margins when my phone is vertical, but it is visible when my phone is in a horizontal position. Is there any way to get the full link to be visible when the phone is positioned vertically?

Best regards,
Trine

Files is visible for topic creator and
support staff only.

#424330 Copied

Rose Tyler

Support staff

November 20, 2024 at 13:08

Hello, Woolwolf,

Could you kindly provide us with the link to the page shown in your screenshot, as well as the access credentials for the test account from which the purchase was made? This will allow us to view the exact content of the page that you are showing us.

Best regards,
8Theme’s Team

#424362 Copied

Woolwolf

Participant

November 25, 2024 at 13:23

Hi Rose,

Here is the link for the page:
https://woolwolfknits.com/checkout/order-received/3477/?key=wc_order_uTqpb0e3oPZvI

I’m not entirely sure what you mean by “access credentials for the test account.” Are you referring to a test credit card to make a purchase?

If that’s the case, you can use the following details:

Card number: 4000 0020 8000 0001
(The expiration date and security code can be any valid values, as long as the dates are correct.)

Best regards,
Trine

#425109 Copied

Jack Richardson

Support staff

November 25, 2024 at 16:07

Dear @Woolwolf

We hope this message finds you well.

We kindly request access to the account that was registered on your website and used to place the testing orders. This would help us avoid creating a new account on your platform for testing purposes.

Could you please confirm if you have an account available, or perhaps the one from which you captured the order screenshots? If so, we kindly ask that you share the details through a private and secure channel.

Thank you for your cooperation and assistance.

Best regards,
Jack Richardson
The 8Theme Team

#425163 Copied

Woolwolf

Participant

November 25, 2024 at 17:06

Hi,

Thank you for your response.

Please See the private area content. I hope this is what you need – if not, please let me know.

Best regards,
Trine

Please contact administrator
for this information.

#425181 Copied

Woolwolf

Participant

November 26, 2024 at 12:37

Hi again,

I can see that you have made a test purchase. However, I don’t have a file attached to download to that product yet.

Please try to purchase this product instead:

https://woolwolfknits.com/product/justbeetee/

Best regards,
Trine

#425281 Copied
Jack Richardson

Support staff

November 26, 2024 at 15:57
Dear @Woolwolf,

We hope this message finds you well.

To enhance the user experience on small devices, you might consider hiding certain items from the table to ensure the button remains consistently visible. As a suggestion, you can try applying the following custom CSS in Theme Options -> Theme Custom CSS -> Mobile CSS:

.woocommerce-order-downloads th.download-remaining, .woocommerce-order-downloads .download-remaining { display: none; } .woocommerce-order-downloads .woocommerce-MyAccount-downloads-file { height: auto; } section.woocommerce-order-downloads { overflow: auto; }

Please feel free to test this solution and let us know if you need any further assistance.

Best regards,
Jack Richardson
The 8Theme Team
#425325 Copied
Andrew Mitchell

Support staff

November 27, 2024 at 09:10

Dear Woolwolf,

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

#425426 Copied
Viewing 10 results - 1 through 10 (of 10 total)