Woocommerce my account page - logged out user

How To
1

Hi, When displaying the my-account page for a logged out user. The “normal” display is 2 columns one for Login and one for register.

When using Bricks I am getting both in a single column. I have deactivate everything except Bricks and Woo and still the same. Tried my limited CSS skills and failed.

Does anyone have a fix to display in 2 columns?

thanks.

2

Hi Mike, try this out, it works fine for me:

@media (min-width: 480px /* ----- or wider ----- */) and (orientation: landscape) {

.u-columns, .col2-set /* —Login & Register Container— */ {
display: flex;
flex-wrap: wrap;
}

.u-column1, .col-1 /* —Login Column— /{
flex: 1 0 60%; / flex-grow, flex-shrink, flex-basis */
margin: 2px;
background-color: lightgreen;
}

.u-column2, .col-2 /* —Register Column— / {
flex: 1 0 30%; / flex-grow, flex-shrink, flex-basis */
margin: 2px;
background-color: blue;
}
}

Put it on the child’s theme Custom CSS.
*The margin and background are just as identifier.
*In the flex basis percentage you configure it as you need it, it may be each column 50%, or one wider than the other.

Best Regards

Ernst.