Return to previous page

Coupon block layout issue on checkout page

This topic has 2 replies, 2 voices, and was last updated 2 hours, 22 minutes ago ago by Tony Rodriguez

  • Avatar: Mauro Giorgi
    Mauro
    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

    Content is visible for topic creator and
    support staff only.
    Files is visible for topic creator and
    support staff only.
    #433284 Copied
    1 Answer
    Avatar: Tony Rodriguez
    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

    Content is visible for topic creator and
    support staff only.
    #433288 Copied
  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Purely Handmade – WordPress WooCommerce Theme
lazy-placeholder
Architecture – WordPress Theme
lazy-placeholder
SEO Agency – WordPress WooCommerce Theme
lazy-placeholder
Hemp & CDB – WordPress WooCommerce Theme
lazy-placeholder
Cosmetics Store – WordPress WooCommerce Theme
lazy-placeholder
Cleaning – WordPress WooCommerce Theme
lazy-placeholder
Electronic Mega Market – WordPress WooCommerce Theme
lazy-placeholder
Restaurant – WordPress Theme
lazy-placeholder
Legenda – E-Commerce and Corporate PSD Theme
lazy-placeholder
Headphone Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.