[SOLVED] Prestashop 1.7.6.1 Customer login module not showing on mobile devices

[melkij22]

Hello,

I have a problem, that Customer login module not showing on any mobile devices only Cart.

I attached 2 screenshots from PC, and from Mobile

Module NOT SET as "disable mobile"

Where can be a problem?

Also here is header.tpl of my template

{block name='header_banner'}
  <div class="header-banner">
      {hook h='displayNav2'}
	{hook h='displayBanner'}
  </div>
{/block}

{block name='header_nav'}
  <nav class="header-nav">
    <div class="container">
        {hook h='displayNav'}
    </div>
  </nav>
{/block}

{block name='header_top'}
  <div class="header-top">
    <div class="container">
       <div class="row">
		<div class="header_logo col-left col col-lg-3 col-md-12 col-xs-12">
		  <a href="{$urls.base_url}">
			<img class="logo img-responsive" src="{$shop.logo}" alt="{$shop.name}">
		  </a>
		</div>
		<div class="col-right col col-xs-12 col-lg-9 col-md-12 display_top">
			{hook h='displayTop'}
			{hook h='displayNav1'}
		</div>
      </div>
    </div>
  </div>
<div class="header-bottom">
	<div class="container">
		{hook h='displaymegamenu'}
	</div>
</div>
  {hook h='displayNavFullWidth'}
{/block}

Edited November 30 by melkij22 (see edit history)

[WebDesk Solution]

@melkij22

To display the Customer Login module on mobile devices, please follow these steps:

Step 1: Open the custom.css file located in your theme directory:
themes/{{your_theme}}/assets/css/custom.css

Add the following CSS code to the file:

@media only screen and (max-width: 991px) {
    body .hidden-md-down {
        display: block !important;
        float: none !important;
    }
}
@media only screen and (max-width: 991px) {
    body .header-nav #custom-text {
        width: 100%;
        text-align: center;
    }
}

Save the changes and clear the cache from the back office.

Visit the frontend to verify that the customer login module is now displayed in the header on mobile devices.

We hope this solution resolves your issue!!
 

[melkij22]

15 hours ago, WebDesk Solution said:

@melkij22

To display the Customer Login module on mobile devices, please follow these steps:

Step 1: Open the custom.css file located in your theme directory:
themes/{{your_theme}}/assets/css/custom.css

Add the following CSS code to the file:

@media only screen and (max-width: 991px) {
    body .hidden-md-down {
        display: block !important;
        float: none !important;
    }
}
@media only screen and (max-width: 991px) {
    body .header-nav #custom-text {
        width: 100%;
        text-align: center;
    }
}

Save the changes and clear the cache from the back office.

Visit the frontend to verify that the customer login module is now displayed in the header on mobile devices.

We hope this solution resolves your issue!!
 

Hello,

Thanks for your reply. Made everything as you said, still no luck

[WebDesk Solution]

@melkij22

As per your request, we provided a solution to display the login module on mobile devices. After implementing it in your store, I verified that the menu is now visible on mobile devices.

You can view the screenshot here: https://prnt.sc/9lNv6U9XA98u

Please let us know if any other issues you are facing.
 

[melkij22]

13 hours ago, WebDesk Solution said:

@melkij22

As per your request, we provided a solution to display the login module on mobile devices. After implementing it in your store, I verified that the menu is now visible on mobile devices.

You can view the screenshot here: https://prnt.sc/9lNv6U9XA98u

Please let us know if any other issues you are facing.
 

Thank you very much! Yes it's now working on my tablet

[Divine]

Don't forget to edit your first post and to add [Solved] in the title

[melkij22]

3 hours ago, Divine said:

Don't forget to edit your first post and to add [Solved] in the title

Done. Thank you ! 😘