Off-canvas Menu Helix Ultimate - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Off-canvas Menu Helix Ultimate

Д

Дмитрий

Template 3 years ago

tell me how to make the mobile menu open when you click on the menu item?

at the moment, it opens only when you click on the icon to the right of the title. and customers complain about inconveniences.

https://prnt.sc/22i6p5p

0
6 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #46849

Hi,

You can add !important after the statements or you can use the following instead of the previous code:

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

If it doesn't help you can give me your admin access to check.

Best Regards

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #46847

Hi there!

Thanks for your query.

Would you please share your site URL here?

However, here is the sample code for you that need to put on your custom CSS:

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

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.

Best Regards

0
Д
Дмитрий
Accepted Answer
3 years ago #46848

CSS code added. your method doesn't help. please see the screenshot. the menu that contains sub-items does not open by clicking on the title.

0
Д
Дмитрий
Accepted Answer
3 years ago #46850

you're great. this time the code worked.

let me ask you one more small question. the same applies to mobile display. the "sp-header" section appears and disappears when scrolling through on the mobile. please tell me how to make it so that it does not disappear under any circumstances, even for milliseconds. the sample site is the same.

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #46851

Thanks for your appreciation:)

I could not get the second issue though, you can try the following code to see if it helps:

#sp-header{
   animation: none !important;
}

Please clear your browser cache before check!

Best Regards

0
Д
Дмитрий
Accepted Answer
3 years ago #46983

it's all good. well done.

0