Problem with Checkout Layout

Hi

I have a problem with locating the Coupon code on the Checkout page.
It appears above the title (and is covered by it) and I don’t know how to move it… (screenshots attached)

Greetings
Szymon

Attachments:

You must be logged in to view attached files.

Hi szymon-0481,

Thanks for reaching to us.

It looked well on my end https://prnt.sc/cSNnJs6S_rHZ

Did you resolve by yourself? Please confirm me back.

Regards,

Hi

Which website did you check?
The dev version is according to WordPress pages and it is OK there, but the production version was switched to woodmart layout and this is where the error occurs.

Greetings
Szymon

Hi szymon-0481,

Thanks for reaching to us and appreciate your patience.

To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to Private Content area, this will allow me to thoroughly investigate and address your concerns in a more efficient.

Regards,

Hi

In the dev version (access data in private), I turned on woodmart layout and the error in question occurs. If you switch to wp pages the coupon location is correct.

Greetings
Szymon

Hi szymon-0481,

Please edit Checkout layout > click on Section > Advanced tab and remove Custom margin https://prnt.sc/Wp7mUPJprkab

Regards,

Hi

As I noticed on layouts, the “page title” must be inserted separately, as opposed to “normal pages”.
I set the margins to default but there are still two problems:
1. “Page title” in “cart” and “checkout” is much lower than in normal pages (and “single product” / “archive product” layouts).
That’s why there was a margin -40px.

2. On the “checkout” layout, the information about the coupon is above the “Page title”, which is completely illegible (on the standard page, this information is under the “page title”)

Greetings
Szymon

Hi szymon-0481,

Thanks for your patience.

1. Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

.website-wrapper .main-page-wrapper {
    padding-top: 0;
}

2. Unfortunately, it is not possible. HTML structure does not allow solving it by custom CSS. Such modification requires complicated Woocommerce code customization which is not covered by our support.

Regards,

[Author]

Posts