Tagged: checkout page, my account page, woocommerce
My website my account page looks weird (link below). The regitration seems to be on the far right and login on the far left with nothing in between. How do i fix this please?
Hey anushikababuv,
The problem is coming from enfold-child > static > css > bootstrap-grid.min.css (these are the codes responsible):
.col-1 {
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-2 {
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
To fix it, add this CSS code in Quick CSS (located in Enfold > General Styling):
#top .u-column1,
#top .u-column2 {
max-width: 46%;
}
Best regards,
Nikko
Hi thank you so much, that worked!
One more question: the exact same thing seems to be the issue with my Checkout Page, please see link below. Please advice.
Hi,
Add this to quick css:
.page-id-3525 .col-1,
.page-id-3525 .col-2 {
max-width: 47.333333%!important;
}
Best regards,
Jordan Shannon