Offcanvas Menu - Make First Level Items Description Clickable To Show Second Level Items - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Offcanvas Menu - Make First Level Items Description Clickable To Show Second Level Items

R

Rita

Helix Framework 2 years ago

Hi, I would like, within the offcanvas menu, have the parent menu (first level) items clickable to show the child (second level) items in order to avoid having to pinpoint the menu item toggler - could you please help me out on this ? I am using the helix Ultimate template with pagebuilder on Joomla4 kind regards Rita

0
8 Answers
Order by
Oldest Newest Votes
R
Rita
Accepted Answer
2 years ago #138187

Phantistic - Great THANKS A LOT K regards

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #138311

You are always welcome:)

Have a nice day!

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #137625

Hi there!

Thanks for contacting us.

Would you please give me your site URL here to check?

If your main menu items doesn't have any real link to redirect, then I can give you some CSS.

Best Regards

0
R
Rita
Accepted Answer
2 years ago #137632

Hi Rashida, my working site = https://temp.rossignoli.net many thanks Rita

0
R
Rita
Accepted Answer
2 years ago #137663

Hi, I would like to add following: whatever and however I configure the offcanvas menu - contacts are not being displayed - inside contacts as well as module position (used top2). xx Rita

0
R
Rita
Accepted Answer
2 years ago #137764

Hello again - in the meantime I have been able to show contact info in the offcanvas menu -

I am looking forward to read from you on how to make first level menu item clickable to list second level items.

kind regards Rita

0
R
Rita
Accepted Answer
2 years ago #138105

Hi, could I please kindly remind you to send me the css as per your reply 4 days ago.

"If your main menu items doesn't have any real link to redirect, then I can give you some CSS."

many thanks in advance Rita

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 years ago #138138

Hi Rita,

Sorry for the delayed response.

Kindly use the following code in your custom CSS:

body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.nav-header>.menu-toggler, body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler, body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler {
    width: 100%;
    text-align: right;
}

Hope this helps:)

Best Regards

0