Help with Off Canvas in Shaper Hope - Forum | JoomShaper
Awaiting an answer Templates

Help with Off Canvas in Shaper Hope

Asked by tomstark1963 5 years ago Last activity 5 years ago

Hello all,

I am using Shaper Hope for a client. The menu has several Menu Headings with Drop Down menus under them. On the Menu Bar on a PC, when you click on the Menu Heading or the Drop Down Icon, the Drop Down menu appears.
However, on the Off Canvas menu, the drop down only appears if you click on the Down Arrow icon. My client would like to be able to click on the Menu Heading on the Off Canvas menu and have the Drop Down menu appear as well.
Is there a solution for this?

Using Joomla version 3.9.28
Using Shaper Hope version 1.5

6 replies

Oldest first Newest first Most helpful
Rashida Rahman Staff
5 years ago

Hi there!

Thanks for your query.

Can I have your site URL here, please?

Best Regards

tomstark1963 Asked this
5 years ago

Is there any way to fix the issue without the url? My client has private information on the website that they would like to not be made public, at least at this time. It seems to be a an issue with the template, as even the demo on the website has the same issue.

Tom

Rashida Rahman Staff
5 years ago

Okay, no problem:)

Let me have a look then.

tomstark1963 Asked this
5 years ago

Any Update? My clients is asking.

Rashida Rahman Staff
5 years ago

Hi there!

Sorry for the delay!

You can put the following code in your custom CSS:

.offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler{
    width: 100%;
    text-align: right;
}

This will widen the space of the menu toggler icon within the offcanvas. But it may be applied for all types of dropdown menu, not only the menu heading item type.

Note: Path towards custom CSS:
Extensions>Templates>Styles>
Click on your current default template name then choose Template Options.
Then find custom CSS within the custom code.

https://prnt.sc/pu705g

https://prnt.sc/pu70zn

Best Regards

Pavel
5 years ago

But it may be applied for all types of dropdown menu, not only the menu heading item type.

Hi Rashida. To avoid this, need to add a class to a separate menu item and use it in the code provided by you

Log in to reply.