After Purchasing Screen is Too Narrow - Support | Kriesi.at

Viewing 12 posts - 1 through 12 (of 12 total)

Author

Posts
October 28, 2020 at 1:37 pm #1256364

ramonolivencia
Participant

Hi. When a client places an order on my Enfold theme website, the downloadable file LINK that the client gets automatically onscreen (as configured on my WooCommerce->”Product Data”->”General”), is barely viewable on the MOBILE version, having the user to switch from Portrait to Landscape on the phone to be able to see such link on the right side of the screen. I have a screenshot I could attach to show the problem but don´t see anywhere to do that here.

October 29, 2020 at 10:35 pm #1256892

Victoria
Inactive Moderator

Hey ramonolivencia,

You can upload screenshots to a service like Dropbox or http://imgur.com and give us the links here.

Best regards,
Victoria

October 29, 2020 at 11:05 pm #1256909

ramonolivencia
Participant

Hi Victoria,

Here is the link to a screenshot: https://www.dropbox.com/s/nf5mo0vadzpyn6v/Enfold%20-%20ERROR%202020-10-28%20Downloadable%20Link%20Not%20Viewable.png?dl=0

Thanks,

Ramon

October 30, 2020 at 8:30 pm #1257135

Victoria
Inactive Moderator

Hi Ramon,

Can you please share the link to the page where it is happening?

I cannot find it.

Best regards,
Victoria

October 30, 2020 at 9:09 pm #1257149

ramonolivencia
Participant

Ok, but since it happens AFTER purchasing any of my WooCommerce products, such as this one: https://abogadonotarioonline.com/en/producto/certificado-de-divorcio/ you could use this coupon code for a free purchase so that you can see the exact problem, remembering that it is only on the MOBILE version: CUPONCERTIFICADOENVIOGRATIS

November 3, 2020 at 2:17 pm #1257997
Yigit
Keymaster
Hi,

Please add following code to Quick CSS in Enfold theme options > General Styling
```
@media only screen and (max-width: 480px) {
div table.shop_table td {
font-size: 12px;
}
div table.shop_table td {
padding: 6px 6px;
}
}
```
After the changes, it should look as I showed in screenshot below. Other option would be changing table but then titles would not be aligned so I hope this works for you :)

Best regards,
Yigit
November 3, 2020 at 4:10 pm #1258044

ramonolivencia
Participant

Hi Yigit,

Ok, I added the CSS code, flushed the cache and tried a new order on an incognito window. It did improve but just a bit, as per the screenshot attached. Any last modification without going into changing the table?

Thanks,

Ramon

IMAGE: https://www.dropbox.com/s/y830s8ubz5gc2j0/Enfold%20-%20ERROR%202020-10-28%20Downloadable%20Link%20Not%20Viewable%202.jpg?dl=0

November 3, 2020 at 4:19 pm #1258048
Yigit
Keymaster
Hi Ramon,

Font size does not seem to be decreased. Please try adding !important rule as following
```
@media only screen and (max-width: 480px) {
div table.shop_table td {
font-size: 12px !important;
}
div table.shop_table td {
padding: 6px 6px;
}
}
```
By decreasing font size and padding, we are basically giving more space to button :)

Best regards,
Yigit
November 3, 2020 at 5:03 pm #1258061

ramonolivencia
Participant

Dear Yigit,

Ok, I just tried that and it´s better but the rest of the text below is now too small (size 12). (I take it that the text size change on the CSS is only for this particular After Purchase page, correct? Pls see screenshot attached. Any options?

Thanks,

Ramon

IMAGE: https://www.dropbox.com/s/oh416tu9ng4v553/Enfold%20-%20ERROR%202020-10-28%20Downloadable%20Link%20Not%20Viewable%203%20Text%20Too%20Small.jpg?dl=0

November 18, 2020 at 1:07 pm #1261259
Yigit
Keymaster
Hi Ramon,

Sorry for my late reply!

Please change the code to following one
```
@media only screen and (max-width: 480px) {
div table.shop_table.woocommerce-table--order-downloads td {
font-size: 12px!important;
padding: 6px 6px;
}
}
```
With this code changes would be applied only on downloads table. Previous code was targeting all tables :)

Best regards,
Yigit
November 18, 2020 at 5:54 pm #1261342

ramonolivencia
Participant

Perrfect, thanks!

November 18, 2020 at 7:04 pm #1261351

Yigit
Keymaster

Hi,

You are welcome!
Please let us know if you have any other questions or issues and enjoy the rest of your day!

Best regards,
Yigit
Author

Posts

Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘After Purchasing Screen is Too Narrow’ is closed to new replies.