Straighten blocks

Hello! Now blocks registration and my account apply vertically. How to straighten them in a horizontal position? For example, I give a photo with the theme LETO and his other site. http://wineandwater.ru/my-account/

https://drive.google.com/drive/folders/1I2CO7tZlKSUff1Om8tQGFvty-XZvNPPU?usp=sharing

HI,

Try this CSS code please:

.woocommerce-page.woocommerce-account .woocommerce .col-1, .woocommerce-page.woocommerce-account .woocommerce .col-2 {    
    margin: 0 20px;
}

@media only screen and (min-width: 1024px){
  .woocommerce-page.woocommerce-account .woocommerce .col-1, .woocommerce-page.woocommerce-account .woocommerce .col-2 {
    width: 45%;
    float: left;
    margin: 0 20px;
  }
}

When the page displayed in big screen, the form should displays horizontally side by side. But when it displayed in mobile screen, it should displayed vertically.

Put the code in above into Customize > additional CSS

Regards,
Awan

Only has diminished the size of the, but would still vertically

http://wineandwater.ru/my-account/

Hi,

Please add this CSS code too:

.woocommerce-page.woocommerce-account .woocommerce {
    max-width: 100%;
    text-align: center;
}

Hope it works now.

Regards,
Awan

1 Like

Thank You! You are super))