4.x customer login/register screen out of alignment
Posted: Thu Jun 05, 2025 2:28 pm
i just notice the login/register screen was not mobile responsive correctly.
i had added the bootstrap col sizing, so that, the register and login box align properly in mobile device.
apparently the column class "col mb3" will not reflect in mobile, changed to "col-12 col-md-6 mb-3"
file : catalog/template/account/login.twig
hope this help and always great to share.
happy programming
i had added the bootstrap col sizing, so that, the register and login box align properly in mobile device.
apparently the column class "col mb3" will not reflect in mobile, changed to "col-12 col-md-6 mb-3"
file : catalog/template/account/login.twig
Code: Select all
-- original code --
<div id="content" class="col">
{{ content_top }}
<div class="row">
<div class="col mb-3"> <!-- bug here -->
<!-- code -->
</div>
<div class="col mb-3"> <!-- bug here -->
<!-- code -->
</div>
-- fixed
<div id="content" class="col">
{{ content_top }}
<div class="row">
<div class="col-12 col-md-6 mb-3"> <!-- fixed here -->
<!-- code -->
</div>
<div class="col-12 col-md-6 mb-3"> <!-- fixed here -->
<!-- code -->
</div>
happy programming