We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19.

Support Forums

Support Offline : 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

More than a month 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

More than a month ago #Permalink
Hi,
Would you please share your site URL here, that would be better!

Best Regards

TKIF2016IT

More than a month ago #Permalink
thank you so mcuh

Rashida Rahman - Staff

More than a month ago #Permalink
thank you so mcuh

You are welcome:)

TKIF2016IT

More than a month ago #Permalink
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!

123

Templates

327763

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