gift card mobile view

[Mag8891]

Hi Harry,

I noticed my mobile cut some field of gift card, can bun not see it in desktop browser, could you check this from your mobile please see attached.

Thank you

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

1. I check it work on mobile http://take.ms/PjRem with amount input

2. Please add below code

@media only screen and (max-width: 768px) {
div.pp_woocommerce .pp_content_container {max-width: 90% !important;}
.ywgc-design-list { width: 100%;padding: 0;}
.ywgc-design-item { margin: 0 0 40px 0;}
}

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Mag8891]

Hi Harry

thank you second part works, but I still see first part out of the mobile screen, when I check on desktop with goole emulator it shows as you screenshot too, but when I check from my real mobile it doesn’t look right, could you check from your real mobile too please?

 

I have tired to add this codes to you code above but nothing worked

.ywgs-amount-value {max-width: 90% !important;}
.ywgs-manual-amount {max-width: 90% !important;}
.gift-cards-list tr .ywgc-amount-value {max-width: 90% !important;}

 

when I added second change I saw results straight away, so I don’t think it is cached.

I also pressed to clear cache on my mobile chrome, but still same

thank you

[Harry]

Hi Mag,

My screenshot on mobile, it work well

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Mag8891]

hm, I will check what is happening with my mobile

[Harry]

Please try clear cache on your phone and check again.

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Mag8891]

hello Harry, this issue still here with my phone even on the new test domain, so could you please give me similar code {max-width: 90% !important;}  for the amount entry field?

 

thank you

[Harry]

Hi Mag,

Please add below code

.ywgc-manual-amount {
    width: 100%;
}

I check on my phone and simulator it still work well.

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Mag8891]

thank you I have changed it to 90% and not I see it not cutted!

[Author]

Posts