how to make modal appear in center of screen code example
Example 1: how to make a modal stay center of screen
//add a onclick function to your modal button
<button type="button" class="header__button" data-toggle="modal" data-target="#signUpModal" onclick="modalCenter()">
signup
</button>
//add below function to your scripts
function modalCenter() {
$('#signUpModal').css({
'display': 'flex',
'justify-content': 'center',
'align-items': 'center'
})
}
Example 2: modal center of screen
#signUpModal {
display: 'flex';
justify-content: 'center';
align-items: 'center';
}