Return to previous page

Mobile product page view shopping cart and payment button are not under each oth

This topic has 3 replies, 2 voices, and was last updated 3 years, 1 months ago ago by Oliver Theiß

  • Avatar: Oliver_Theis
    Oliver Theiß
    Participant
    October 29, 2021 at 17:58

    Hello,
    I have a problem with the product page. See screenshot!

    actually the buttons have to be one below the other in the mobile view.
    we have also inserted the code for this behavior months ago :/

    Now comes the strange problem:

    With a variant article it is correct in the mobile view are the shopping cart and the now pay button below each other.

    but if I have a simple article happens the problem in the screenshot. Actually we had defined it with code, but it does not take effect with the simple products

    That would be very important, because that is a very sensitive place in the store anyway. Beginning of next week or so

    Thanks a lot Oliver

    Please, contact administrator
    for this information.
    #307009 Copied Theme version: 8.0.8 WooCommerce version: 5.8.0
    2 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 30, 2021 at 08:17

    Hello,

    Add this custom CSS code:

    @media (max-width: 767px) {
    .single-product.woocommerce div.product.elementor form.cart:not(.grouped_form):not(.variations_form) {
        display: flex;
        flex-direction: column;
    }
}

    Regards

    #307023 Copied
    Avatar: Oliver_Theis
    Oliver Theiß
    Participant
    November 1, 2021 at 17:40

    Hallo Rose,

    many thanks and sorry for the late reply 🙂

    #307204 Copied

  • Tagged: , , , , , ,

  • Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘Mobile product page view shopping cart and payment button are not under each oth’' has been successfully resolved, and the topic is now closed for further responses

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Royal – WooCommerce WordPress Theme
lazy-placeholder
Sidebar Boxed Store – WooCommerce Theme
lazy-placeholder
Wedding – WordPress Theme
lazy-placeholder
Meeting – WordPress Theme
lazy-placeholder
Marketing – WordPress WooCommerce Theme
lazy-placeholder
Tea Store – WordPress WooCommerce Theme
lazy-placeholder
Application – WooCommerce Theme
lazy-placeholder
Spa – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store 02 – WordPress WooCommerce Theme
lazy-placeholder
HandMade Store – 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.