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

    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,
    Predrag

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.