Switch Registrations and PopUp places.

The login is above the register on mobile and I'm not sure a first-time user will know to scroll down to see the register field. Is there a way to make the popup full screen? Or do you have another solution?

  • Predrag Dubajic
    • Support

    Hi Jonathan,

    Can you try applying this CSS code and that should do the trick:

    @media (max-width: 980px) {
    	.woocommerce #customer_login {
    		display: -webkit-box;
    		display: -moz-box;
    		display: -ms-flexbox;
    		display: -webkit-flex;
    		display: flex;
    		-webkit-box-orient: vertical;
    		-moz-box-orient: vertical;
    		-webkit-flex-direction: column;
    		-ms-flex-direction: column;
    		flex-direction: column;
    		/* optional */
    		-webkit-box-align: start;
    		-moz-box-align: start;
    		-ms-flex-align: start;
    		-webkit-align-items: flex-start;
    		align-items: flex-start;
    	.woocommerce #customer_login .u-column1.col-1 {
    		-webkit-box-ordinal-group: 2;
    		-moz-box-ordinal-group: 2;
    		-ms-flex-order: 2;
    		-webkit-order: 2;
    		order: 2;
    	.container .second_div {
    		-webkit-box-ordinal-group: 1;
    		-moz-box-ordinal-group: 1;
    		-ms-flex-order: 1;
    		-webkit-order: 1;
    		order: 1;

    WordPress offers Custom CSS field inside Appearance > Customizer but if your theme disables this and it doesn't have its own CSS field you may wish to use a child theme or a plugin like this one https://wordpress.org/plugins/simple-custom-css/ for this additional CSS. That way you're protected when you come to upgrade.

    Best regards,

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.