[SOLVED]Use only burger menu in Hummingbird Theme

[Flavio B]

Hi to everyone, i am new in prestashop, and i am struggling to use burger menu on device with width bigger than 1200 px,

i am trying to modify .tpl file in 
/var/www/site.it/www/themes/hummingbird/modules/ps_mainmenu/ps_mainmenu.tpl -->

but i didnt found a solution.

 

Edited February 5 by Flavio B
solution found (see edit history)

[Flavio B]

i fixed it i had to change those lines in 
<!-- begin /var/www/site.it/www/themes/hummingbird/modules/ps_mainmenu/ps_mainmenu.tpl -->

<div class="main-menu   col-auto d-flex align-items-center" bis_skin_checked="1">
<div class="d-flex align-items-center col-auto logo order-xl-2 ms-lg-0 ms-2 me-lg-0 me-auto" bis_skin_checked="1">
 

  <div class="d-none   position-static js-menu-desktop h-100" bis_skin_checked="1">
 

Edited February 5 by Flavio B
anonymous site name (see edit history)

[Divine]

Hello,

I don't know Hummingbird theme for now but to do that, I think you will have to modify CSS and JS code.

[pallavigodse]

Try modifying ps_mainmenu.tpl

Look for the section controlling the menu display and force the mobile menu:

tpl



{if $smarty.const._PS_VERSION_ >= 1.7}

<div id="mobile_menu" class="mobile-only">

{/if}

Change it to:

tpl

<div id="mobile_menu" class="force-mobile-menu">

Hope that helps you.

[Flavio B]

7 hours ago, Divine said:

Hello,

I don't know Hummingbird theme for now but to do that, I think you will have to modify CSS and JS code.

thank you for your answer i managed to do that removing some class in the code i posted , hope it can help someone

[Flavio B]

6 hours ago, pallavigodse said:

Try modifying ps_mainmenu.tpl

Look for the section controlling the menu display and force the mobile menu:

tpl



{if $smarty.const._PS_VERSION_ >= 1.7}

<div id="mobile_menu" class="mobile-only">

{/if}

Change it to:

tpl

<div id="mobile_menu" class="force-mobile-menu">

Hope that helps you.

Thank you man 👌 i resolved it by removing some classes, i posted my solution above but i will keep your solution in the future.

i hope that our solutions can help other peoples too.