Login option disappears on tablet view

[MagdalenaBB]

Hello dear community! 

I want the "Log In" button to be shown at the footer of the hamburger menu on small screen sizes (mobile and tablet)

This works perfect for mobile view (max screen size 750 px) but does not work for tablet view (max screen size 989 px). Is there any way to fix this? 

Website - maisonmagdalena.com
Password - MaisonMagdalena.222

Thank you for your help!

[BSSCommerce-HDL · Accepted solution]

Hi @MagdalenaBB, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.menu-drawer__account {
    display: inline-flex !important;
}
</style>

Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[BSSCommerce-HDL · Accepted solution]

Hi @MagdalenaBB, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.menu-drawer__account {
    display: inline-flex !important;
}
</style>

Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[Moeed · Accepted solution]

Hey @MagdalenaBB 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.menu-drawer__account {
    display: block !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed