How To Make Menu Item Header Clickable In Offcanvas - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

How To Make Menu Item Header Clickable In Offcanvas

B

blue_Shift

Helix Framework 3 years ago

I have an off-canvas menu and the arrows work - but an icon is too small a target. How can I turn the span.nav-header item become a toggler?

0
5 Answers
Order by
Oldest Newest Votes
Ariba
Ariba
Accepted Answer
Support Agent 3 years ago #85422

Please add the following css rule in custom css section

.offcanvas-menu .menu-deeper ul li {
    display: flex;
    flex-direction: column;
}

.offcanvas-menu .menu-deeper ul li nav-header {
    position: relative;
}

.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent .menu-toggler {
    top: 50%;
    background: none;
    width: 100%;
    text-align: end;
    right: unset !important;
}
0
Ariba
Ariba
Accepted Answer
Support Agent 3 years ago #85410

Hello

Thank you for your query. Could you provide your site url, please? Also, kindly provide a screenshot as well. You can use Lightshot or any other tool of your choice to share the image here.

0
B
blue_Shift
Accepted Answer
3 years ago #85412

I've provided a link in the hidden content as it is a staging site that will soon be switched to a live URL. Screen needs to be squished to turn on the off-canvas. I added some background to make the arrows bigger.

image

https://postimg.cc/WD4V4zz9

0
B
blue_Shift
Accepted Answer
3 years ago #85495

Excellent. This behavior is what I think visitors will expect. Thank you.

0
Ariba
Ariba
Accepted Answer
Support Agent 3 years ago #85500

Thank you :)

Could you kindly take some moment to share your feedback about our service in the links below? I would appreciate that very much.

https://extensions.joomla.org/extension/sp-page-builder/

https://www.trustpilot.com/review/www.joomshaper.com

Have a great day and stay safe.

0