Mobile Menu – Double hamburger icon not clickable

Hi Arceline,

Please follow these instructions to get the mobile menu working in Zakra:

https://www.megamenu.com/documentation/zakra-free/

Regards,
Tom

Hi Tom,

I’ve followed the instruction on the link and mega menu becomes a mess. Kindly see screenshot for reference.

https://drive.google.com/file/d/1BwhTtJEiNwZQ6ed1qvm5WN4hae8Iz_Xv/view?usp=sharing

Revert to the old settings.

Cheers,

Arceline

HI Arceline,

I don’t have access to that screenshot but I would need to see the problem in my own browser anyway. Please create a staging site and make the changes on there, then post a link here, and I’ll see what has gone wrong. I have double checked the instructions (only written yesterday) and I’m fairly confident they are correct, but they must be followed precisely.

Regards,
Tom

Hi Tom,

I have re-applied the changes and follow the instructions from the link you’ve sent and the menu had changed. Can you please check? Applied it on my live website.

https://pembertontherapy.com/

Cheers,

Arceline

• This reply was modified 1 year ago by apalcasabas0712.

Hi Arceline,

I’ve just tried again on a clean install of Zakra and it’s working for me. I’m not sure where the mistake is. Instead, here is the full file already edited:

https://pastebin.com/raw/j02sZLLB

Regards,
Tom

Hi Tom,

Thanks for sharing the edited full file. I’ve uploaded it and the mobile menu is working now (on some device only – used iphone 15 pro max but the menu seems like a mess). However, there are two hamburger menu icon now, which the other one is not working. Kindly refer to the link below to view the screenshot.

https://drive.google.com/drive/folders/1JWt-HhgQ6NJAu3s35Yntp1QkE6HtGRDc?usp=sharing

Is there away I can reduce the height of the menu background to extend only until below of its last menu item? I’ve added screenshot too. Kindly refer to the link above.

I also noticed that after I updated plugin the mobile menu is no longer working. I just updated my salestherapy.com.au website and I encountered the same error. However, on this one, after I applied your recommendation solution, the menu icon hasdoubled and the formatting is not like what I have on pembertontherapy.com website.

Screenshot for salestherapy mobile menu

Hope you can help me on this.

Cheers,

Arceline

Hi,

To hide the duplicate toggle button, go to Appearance > Customize > Additional CSS and add the following:

.zak-toggle-menu {
display: none !important;
}

The height of the menu will always be 100% when you have the Effect (Mobile) set to one of the Off Canvas options.

On your second site, the edit to the theme file looks wrong again (same mistake as previously), please upload the file I shared directly as you have done on https://pembertontherapy.com/

Regards,
Tom

Hi Tom, 

Thank you for your prompt response, i really appreciate it.

I have added css code you’ve shared, however, it removes ALL ICONS not just the duplicate one.

As for the other website, I had applied the same code you’ve provided (except for the additional ccs code). The menu remains on its open state and the close button is nowhere to found.

You can refer to the below link for screenshot

https://drive.google.com/drive/folders/1plNotaA0itY5948jLt7nnRvfcB7dsgM-?usp=sharing

Cheers,

Arceline

Hi Arceline,

Please try this CSS instead:

button.zak-menu-toggle {
display: none !important;
}

I’ll take a look at the other site once this one is fixed.

Regards,
Tom

Hi Tom,

The new CSS you’ve shared worked and both website are fine now. Many thanks for your help!

Cheers,

Arceline