I recently purchased latest version of the theme, before editing completely my website, I want to make sure the original theme is working as expected so I tested the demo and noticed some graphical issues using mobile version.
1- The "apply coupon" text is cut from the button (see attachment 1)
2- The "update totals" button overlap the "CART TOTALS" (see attachment 2)
3- The footer text seems fixed to border (see attachment 3)
4- (NOT MOBILE) I tried to translate some text and when it's too long it does not fit the box, is it normal ? (see attachment 4)
Also a small question, do you appear to have a translations for Oxygen theme ? The same way you propose them for Kalium ?
1— That happens only on phones with a really really small size. If you visit your site with a real mobile device (and not by resize the browser) this issue will not happen to you.
2— Can you please add the code below to your Custom CSS area:
Hi,
I recently purchased latest version of the theme, before editing completely my website, I want to make sure the original theme is working as expected so I tested the demo and noticed some graphical issues using mobile version.
1- The "apply coupon" text is cut from the button (see attachment 1)
2- The "update totals" button overlap the "CART TOTALS" (see attachment 2)
3- The footer text seems fixed to border (see attachment 3)
4- (NOT MOBILE) I tried to translate some text and when it's too long it does not fit the box, is it normal ? (see attachment 4)
Also a small question, do you appear to have a translations for Oxygen theme ? The same way you propose them for Kalium ?
Thank you in advance for your help.
Hi baytalamanah,
1— That happens only on phones with a really really small size. If you visit your site with a real mobile device (and not by resize the browser) this issue will not happen to you.
2— Can you please add the code below to your Custom CSS area:
@media screen and (max-width: 992px) { body.woocommerce-cart .col-md-4 { margin-top: 30px; } }3— Sorry but this is not happening on my end
(view on new page)
4— Just add the code below to your Custom CSS area:
.shipping-calculator-form-env button[name=calc_shipping] { width: 230px !important; } .coupon-env .coupon .col-xs-8 { width: 60% !important; } .coupon-env .coupon .col-xs-4 { width: 40% !important; }5— You can translate Oxygen with the same procedure too, you just need to use LocoTranslate plugin
Have a great new year!
Hi Ylli,
Concerning point 3 I still have issue :
1 - True, I tried on real device and it works as expected
2 - Perfect !
3 - Could you try with the Minimal Oxygen theme instead ? the problem only occurs on this version. (see attachment)
4 - Perfect !
5 - Ok ! I have a first translated version for french if you are interested for future use.
Thank you for your quick reply,
enjoy holidays
Hi baytalamanah again.
3— You're right, please add this CSS code on your Custom CSS area:
@media screen and (max-width: 767px) { footer .footer_main .footer-nav { padding-left: 15px; padding-right: 15px; } }5— When you finish the translation on your language then it would be great to share the translation files with us too.
Thanks!
Will set this ticket as solved from here.
Thank you for your help Ylli :)
The translation can be found attached.
Hi phonylux,
Thank you very much
P.S: If you like our theme, it would help us a lot if you could give us a five-star rating on Themeforest from your Downloads tab.
A huge thank you from Laborator in advance and have a great 2018!
Will set this ticket as solved from here.