Off Canvas Menu - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Off Canvas Menu

PW

Pascal Wickert

Helix Framework 4 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!

0
5 Answers
PW
Pascal Wickert
Accepted Answer
4 years ago #36471

Hello Rashida,

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

Thank you very much,

Pascal

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #36199

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

0
PB
Paolo Bianchi
Accepted Answer
4 years ago #36323

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

Thanks a lot Paolo

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #36409

Glad that I could help:)

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

And you are always welcome!

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #36551

You are welcome Pascal:)

0