Kidzy Template - Mobile Version - Menu Disappears - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Kidzy Template - Mobile Version - Menu Disappears

JD

Jennifer Van Dam

Template 2 years ago

Hi Team,

When checking the kidzy template on my mobile, i see the hamburger icon. Once clicked i see the menu for 2 seconds and then disappears

can you help?

0
13 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #98991

Hi

Thanks for contacting us. Could you please give me your site URL and also screenshot of your issue?

-Regards.

0
JD
Jennifer Van Dam
Accepted Answer
2 years ago #99180
0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #99288

Keep a backup and make this menu again.

0
JD
Jennifer Van Dam
Accepted Answer
2 years ago #99472

i even reinstalled it and i have the same issue

0
Alison
Alison
Accepted Answer
2 years ago #99482

I have this problem too, please can this be fixed.

0
JD
Jennifer Van Dam
Accepted Answer
2 years ago #100957

Hi Team,

any update on this topic?

thanks

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #101018

Hi there!

Sorry for the delay.

Solution for Kidzy. Please use the following code in your custom CSS:

.offcanvas {visibility: visible !important;}

Note: Path towards custom CSS(Joomla 3): Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Best Regards

0
Alison
Alison
Accepted Answer
2 years ago #101191

HI, this helps but it does not show sub-menus. Please can you provide a revised code.

Thanks

0
JD
Jennifer Van Dam
Accepted Answer
2 years ago #101201

Hi Team,

Working for me, however for the submenu you have to click on the ">" and not on the title.

0
‏‏‎ ‎J‏‏‎‎e‏‎‏‏‎‎n‏‏‎‎s W.‏‏‎
‏‏‎ ‎J‏‏‎‎e‏‎‏‏‎‎n‏‏‎‎s W.‏‏‎
Accepted Answer
2 years ago #101209

@Jennifer Can Dam

Working for me, however for the submenu you have to click on the ">" and not on the title.

To get it working like this, you need to use menu items of type menutitle.
Then additional custom css is needed to make the arrows work like this.

From my custom-css for Helix Ultimate Template.*

body.ltr .offcanvas-menu .nav-header > .menu-toggler {
    right: 0;
    left: 0;
    height: 100%;
}

With this CSS* you can now click on the title of the menu-item and the submenu will open.
But, this only works for menu-items of type menutitle.
For all other menu-items of typ menu or link, you still need to click the arrow.

*-The code will most likely have to be adapted for kidzy.

Let me know if you need any help with this.

Have a great and successful year.

0
Alison
Alison
Accepted Answer
2 years ago #101346

Actually, I was using Menu Heading as the menu type, which did not work. I have change it to an URL with the address # and now it works as it should.

0
‏‏‎ ‎J‏‏‎‎e‏‎‏‏‎‎n‏‏‎‎s W.‏‏‎
‏‏‎ ‎J‏‏‎‎e‏‎‏‏‎‎n‏‏‎‎s W.‏‏‎
Accepted Answer
2 years ago #101375

Hello Alison,

good to hear you found a solution which works.

Have a nice day.

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #101467

Glad that the solution helps anyways!

Have a nice day to all of you!

0