Return to previous page

Coupon block layout issue on checkout page

This topic has 3 replies, 2 voices, and was last updated 2 weeks, 5 days ago ago by Tony Rodriguez

M.

Participant

February 4, 2025 at 09:19

Hi, into checkout page I’ve coupon block issue, it take mobile media query and don’t get correct width on desktop.
See private content
Thanks

Please, contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#433284 Copied

2 Answers
Tony Rodriguez

Support staff

February 4, 2025 at 09:40
Hello, @Mauro,

Thank you for contacting us and for using XStore.

Please try to add the next custom CSS Code in XStore > Theme Options > Theme Custom CSS > Global CSS

@media only screen and (max-width: 767px) { form.checkout:has(.etheme-elementor-cart-checkout-page-wrapper.flex) [class*=-separated] .etheme-elementor-cart-checkout-page-coupon{ width: calc(100% - var(--column-proportion, 40%) - var(--cols-gap, 30px)); } }

We hope this helps.

If the issue persist, Please provide your site wp-admin access in private content area so we can take a closer look at your settings and help you.

Best regards,
The 8Theme Team
Please contact administrator
for this information.
#433288 Copied
Tony Rodriguez

Support staff

April 2, 2025 at 09:41

Dear Mauro,

As we continue our mission to exceed expectations, your insights become increasingly valuable. Could we, with all due respect, request your thoughtful feedback by giving our theme a deserved 5-star rating on ThemeForest?

Click here to share your valuable perspective: https://themeforest.net/downloads

Your time and trust are highly appreciated!

Best Regards,
The 8Theme Team

#439457 Copied
Viewing 3 results - 1 through 3 (of 3 total)