MOBILE PROSITE PAGE CSS

Hi there

I am having an issue where my prosites signup form on my mobile at this link

https://bajestore.com/pro-site/

is messed up on my mobile where as the mobile version of this page is fine

https://bajestore.com/wp-login.php

This also extends to the pricing tables and credit card

would appreciate if you can help

regards

  • Rupok

    Hi antony,

    So sorry to hear the inconvenience you are having. And thanks for granting Support Access. I logged in the added the following custom CSS code in your "Theme Options > Custom CSS" section:

    /* Mobile Login Form Fix */
    @media only screen and (max-width: 480px) {
    	#loginform, #psts-stripe-checkout {
    	    width: 100% !important;
    	}
        .pricing-column li.title {
            margin-bottom: 0px !important;
        }
    }

    I've used "!important" because your theme Custom CSS section is being overridden by Pro Sites code. Now the Pro Site login page is showing fine in mobile. This should also fix the credit card form in mobile.

    I checked your pricing tables and credit card form in mobile after applying the custom CSS code above and now those are not broken. Please check the attached screenshot for reference.

    Can you please check and confirm?

    Please let us know if I'm missing anything or if you have any further query. We will be glad to help.

    Have a nice day. Cheers!
    Rupok

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.