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 ago ago by Oliver Theiß

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
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
Oliver Theiß

Participant

November 1, 2021 at 17:40

Hallo Rose,

many thanks and sorry for the late reply 🙂

#307204 Copied
Tagged: design, mobile, payment, product, shopping, woocommerce, wordpress
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

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

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection