Return to previous page

Woocomerce checkout element shift how? ?

This topic has 4 replies, 2 voices, and was last updated 1 months, 2 weeks ago ago by Luca Rossi

coffeedog

Participant

July 31, 2024 at 16:57

How do I move this element down? I need to do it using a template.

more info : https://ibb.co/sWvG8kj

#408167 Copied Theme version: 9.5

3 Answers
Luca Rossi

Support staff

August 1, 2024 at 09:29
Hi @coffeedog,

Please try adding this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:
```
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper > * {
    width: 100%;
}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper p#billing_iscomp_field {
    order: 999;
}
```
If you want to apply on mobile version only, please use this code:
```
@media (max-width: 600px){
    .woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
        display: flex;
        flex-wrap: wrap;
    }
    
    .woocommerce-checkout .woocommerce-billing-fields__field-wrapper > * {
        width: 100%;
    }
    
    .woocommerce-checkout .woocommerce-billing-fields__field-wrapper p#billing_iscomp_field {
        order: 999;
    }
}
```
Hope it helps!
#408241 Copied
coffeedog

Participant

August 1, 2024 at 18:47

jIt’s better, but it opens badly

https://ibb.co/GVfgmTm

#408372 Copied

Luca Rossi

Support staff

August 2, 2024 at 06:06

Hi @coffeedog,

We’re confused, in the first screenshot we want to move the Nakupuji na firmu text to the bottom.

Now where do you want to place that text? Please explain.

Thank you!

#408395 Copied
Tagged: best selling woocommerce, checkout element shift, improve woocommerce checkout, optimize woocommerce checkout, woocommerce checkout solutions, woocommerce themes
Viewing 4 results - 1 through 4 (of 4 total)