Support Forums

Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Offcanvas

Featured Lock Resolved Issue
hi

I have one question , how can I control when offcanvas appear , I mean now the offcavas appear in tablet size but i need the normal menu appear in the tablet size not the offcavas .

how can i do something like that and set the size which the offcavas appear in it . like for example the should appear just when the screen size become 600px and less.

plz help

7 Answers

Rashida Rahman - Staff

3 weeks ago #Permalink
Hi,
Please add the following code snippet to your code snippet:

@media (min-width: 601px){
.sp-megamenu-parent{
display: block!important;
}
#sp-header #offcanvas-toggler{
display: none!important;
}
}
@media (min-width: 768px){
.sp-megamenu-parent{
display: block!important;
}
#sp-header #offcanvas-toggler{
display: none!important;
}
}


@media (max-width: 600px){
.sp-megamenu-parent{
display: none!important;
}
#sp-header #offcanvas-toggler{
display: block!important;
}
}


Best regards

Rashida Rahman - Staff

3 weeks ago #Permalink
Hi,
Would you please share your site URL here, that would be better!

Best Regards
thank you so mcuh

Rashida Rahman - Staff

3 weeks ago #Permalink
thank you so mcuh

You are welcome:)
one last question how can i do the same thing but for iphone 11 pro max to let the full menu appear in landscape position , i do not know the size of pixels for this size to reflect in you send code


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 117
Toufiq

Toufiq

Total Accepted Answers: 104
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 57
Ofi Khan

Ofi Khan

Total Accepted Answers: 53
Rashida Rahman

Rashida Rahman

Total Accepted Answers: 35

121

Templates

314452

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us