• Resolved janet4now

    (@janet4now)


    I chose the two column with the form on the right, but when I’m reducing the browser width it just gets smashed up. Is there something in my theme styes messing it up or is this not responsive?

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Hi! I can see you managed to make your login page responsive. Did you use different plugin? I’m asking because right now I have the same problem.

    Best Regards!

    • This reply was modified 6 years, 6 months ago by marcjanik.
    Thread Starter janet4now

    (@janet4now)

    I added several css overrides to what they had. I’m not at my computer but can share later if you’re interested

    I would really appreciate your help, thank you!

    Best Regards!

    Thread Starter janet4now

    (@janet4now)

    .title {
    	display: none!important;
    }
    body.login form>p.submit:after {
        left: 60%!important;
    }
    body.login form>p label>input:not([type="checkbox"]) {
        background: #fff !important;
    }
    .ml-container .ml-extra-div {
        background-image: url(https://grow.habovillage.com/wp-content/uploads/fantasy-logo.png),  url(https://grow.habovillage.com/wp-content/uploads/fantasy-bkgd-2.jpg);
        background-position: center center, center center;
        background-size: contain, cover;
    }
    @media all and (max-width: 768px) {
        body.ml-half-screen .ml-container > .ml-extra-div, body.ml-half-screen .ml-container > .ml-form-container {
            width: 100%!important;
        }
        .ml-container .ml-extra-div {
            background-position: top center, center center!important;
            background-size: 70% auto, cover!important;
        }
        body.login #login {
            margin-top: 240px!important;
        }
       #nav a, #backtoblog a, .privacy-policy-page-link a {
            color: #ffffff!important;
        }
    	#nav {
    		margin-top:-60px;
    	}
    	.login .privacy-policy-page-link {
    		margin: 24px 0 12px;
    	}
    }

    That’s what I added to the login customizer custom css. My theme has different styles than yours so it may not work for you.

    Thank you a lot! I customised it and it works like a charm!

    Hey guys,

    glad to see you’ve figure it out. Just FYI, we’ve added this to our development roadmap and we’ll be looking into implementing it in our next updates.

    You can follow the ticket, here: https://github.com/ColorlibHQ/colorlib-login-customizer/issues/38

    Thanks,
    Cristian.

    I also have this problem. The code partially fixed it and for now I’ll just wait for the update. It might be helpful to specify the logo as a percentage instead of pixels.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Template not responsive’ is closed to new replies.