Off Canvas menu - Forum | JoomShaper
Solved Helix Framework

Off Canvas menu

Asked by Pascal Wickert 5 years ago Last activity 5 years ago

Hello,

I ma using the Helix template for the following web site : https://cnfs.ca

I have created a responsive menu that works well with smart phones but for some reason it’s not working on iPads (the width is just bid enough to keep the original menu and the last item is being pushed under and invisible [white on white]. Is there a place where I can define the size when the Off canvas menu should kick in?

Thank you!

Accepted answer

Marked as the solution
Pascal Wickert Asked this
5 years ago

Hello Rashida,

I do not know who Paolo is, but it is working for me too.

Thank you very much,

Pascal

4 more replies

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

Hi there!

Thanks for your query.

Would you please let me know your device resolution, kindly?

And here is the code you need to put in your custom CSS:

@media (min-width: 768px) and (max-width: 1024px){
#offcanvas-toggler.visible-sm {
    display: block!important;
}
.sp-megamenu-parent.hidden-sm {
    display: none!important;
}
}

I have used the max value as 1024px. You can use your preferred resolution instead in the above code.

Best Regards

Paolo Bianchi
5 years ago

That's fine.
Now it's working again well.

Thanks a lot
Paolo

Rashida Rahman Staff
5 years ago

Glad that I could help:)

You may accept my answer in order to close the post.

And you are always welcome!

Rashida Rahman Staff
5 years ago

You are welcome Pascal:)

Log in to reply.