Skip to main content
All CollectionsAdvanced Design
Move Sign-in on Register/Create Account
Move Sign-in on Register/Create Account

Learn how to move your sign-in button to the top of your create account page.

Niall Diamond avatar
Written by Niall Diamond
Updated over a week ago

If you want to be able to move your sign-in button from the bottom of the create account form. Here is how you can get this done in under 3mins. 

After implementation

Step 1: 

Add the below JS to your footer block . 

<script>
// load this only on the register page

if ($('body.ex-register').length > 0) {

$('.register-form .form-container > div.form-group').addClass('removeButton');
var signInButton = $('.register-form .form-container > div.form-group').html();
$('.register-form > img.logo').after(
"<div class=\"row\"><div class=\"col-sm-12\"><div class=\"form-container mySignInButton\">" + signInButton + "</div></div></div>" );
$(".register-form h1").css("margin-top", "0px");
}
</script>

Step 2:

Add the below to your CSS block 

.register-form h1 {
    margin-top: 142px;
}

/* Remove the logo to make more room */
.register-form > img.logo {
    display: none;
}

/* Remove the original logo */
.removeButton {
display:none;
}


.mySignInButton {
min-width: 310px;
    max-width: 500px !important;
    width: 100%;
    box-shadow: none  !important;
    border: none  !important;
    padding-bottom: 0px  !important;
    margin-bottom: 13px  !important;
}

That's it. All done. Now go check it's all working.  

Did this answer your question?