Offcanvas menu opens when on mobile display - Forum | JoomShaper
Awaiting an answer Templates

Offcanvas menu opens when on mobile display

Asked by O. Harris 5 years ago Last activity 5 years ago

Using the Themis template I have disabled menu-type mega-menu, using offcanvas and positioned to the right.

However, on mobile device the offcanvas menu opens without having to tap or click on hamburger menu icon.

See demo site - http://janadians.com/faceypartners/

Thank you for your assistance

5 replies

Rashida Rahman Staff

Hi there!

Sorry for the issue.

Would you please let me know the device resolution?

However, you may try the following sample code in your custom CSS:

.close-offcanvas{
    color: black;
}
body.ltr.offcanvs-position-right .offcanvas-menu {
    right: -360px;
}

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

O. Harris Asked this

I am still having a similar problem. Now when the form opens responsively (ie. adjusting browser size), the offcanvas area slides out.

How can I fix? Site address - http://janadians.com/faceypartners/

Rashida Rahman Staff

Hello,

Would you please share a screencast video showing the whole issue?

Best Regrads

O. Harris Asked this

I am sending Admin user details.

Log in to reply.