Solved Templates

OneClip: Menu not working in phone view

Asked by Adriaan Buys 3 years ago Last activity 2 years ago

OneClip menu does not work in phone view since the J4 upgrade. I see this is a problem reported before that was supposed to be fixed in the next update. Could you help in resolving mine?

Accepted answer

Marked as the solution
Rashida Rahman Staff
3 years ago

Hello,

Sorry for the delay!

Please use the following code in your custom CSS:

@media only screen and (max-width: 992px){
.show-menu{
    display: none;
}
}

Best Regards

5 more replies

Oldest first Newest first Most helpful
Rashida Rahman Staff
3 years ago

Hi there!

Sorry fo ryour issue.

Please use the following code in your custom CSS:

.offcanvas {
    visibility: visible;
}
.offcanvas-menu .offcanvas-inner .sp-module .sp-module-content > ul {
    flex-direction: column;
}

Hope this will solve the issue for you!

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

https://prnt.sc/5mBuSRh907N3

https://prnt.sc/ooiq-lkMEXr_

https://prnt.sc/nunlX-f5AhK1

Best Regards

Adriaan Buys Asked this
3 years ago

Thank you, it half solves the issue. I still have two offcanvas menus on my phone. The bottom one seems to work now though. Please check the site on iphone. I cleared cashe it did not solve issue.

Adriaan Buys Asked this
3 years ago

Hi Rashida,
Any answer to this?
I still have two menu's on the mobile view. Oneclip shows both the mobile menu and the mega menu in phone view.

Adriaan Buys Asked this
3 years ago

Thank you so much! This has been resolved.

Rashida Rahman Staff
3 years ago

Glad that it helped and you are always welcome:)

Have a nice day!

Maruthachala Ponnambalam
2 years ago

I have the same problem in oneclip template. I followed the above instruction but it shows two menu in mobile - both mega menu and mobile menu. assist me to resolve the issue.

Log in to reply.