Docs

[NicoleG]

Hi,
In woocommerce my ‘proceed to checkout’ button overlaps with my paypal button. Is there a way to correct this? See attached image. Login details sent in next message.

Thanks
Nicole

[NicoleG]

This reply has been marked as private.

[Thai]

Hi There,

Please add the following CSS:

.woo_pp_cart_buttons_div {
    float: right;
    margin-top: -45px;
}
@media (max-width: 767px){
    .woo_pp_cart_buttons_div {
        margin-top: 45px;
        float: none;
        width: 100%;
        text-align: center;
    }
    .woo_pp_cart_buttons_div > span {
        float: none !important;
    }
}

Hope it helps 🙂

[NicoleG]

That didn’t work 🙁

Any other suggestions?
thanks
Nicole

[NicoleG]

It did move the button, up, but it is still overlapping.

Thanks

[Rad]

Hi there,

Please change it to this,

@media (min-width: 980px){
.woo_pp_cart_buttons_div {
    float: right;
    margin-top: -45px;
}
}
@media (max-width: 979px){
    .woo_pp_cart_buttons_div {
        margin-top: 45px;
        float: none;
        width: 100%;
        text-align: center;
    }
    .woo_pp_cart_buttons_div > span {
        float: none !important;
    }
}

Hope that helps.

[NicoleG]

Still not working. Can you check if I entered the code in the correct place (under appearance>customizer).

It has definitely moved from the original, but it still overlaps.

Any other suggestions?

[Lely]

Hi There,

You might be seeing a cached content. Try clearing browser cache or using incognito mode. See screenshot of what I am seeing. There’s no overlap.

[NicoleG]

Thanks! Working now 🙂

[Rue Nel]

You’re welcome!
Thanks for letting us know that it has worked for you.

[Author]

Posts