Solved Templates

DISABLE OFFCANVAS ICON - URGENT PLS

Asked by Rhema N. Abu 3 years ago Last activity 3 years ago

Hello, please how do i disble (make to disappear) the Offcanvas Icon in Startup Landing Template?

i am building a landing page and i dont want the offcanvas icon to show please.

Accepted answer

Marked as the solution
Mehtaz Afsana Borsha Staff
3 years ago

Hi

Thanks for contacting us. Could you please give me your site URL so that I can check?

-Regards.

3 more replies

Oldest first Newest first Most helpful
Paul Frankowski Senior Staff
3 years ago · edited

Hi Nas,

  1. Have you tried to disable it from Template Options > Menu tab > Menu Type: MegaMenu
    https://www.joomshaper.com/documentation/helix-framework/helix-ultimate-2/menu-navigation
  2. Yes, you can always use custom CSS as well, here is a example code:
@media screen and (min-width: 1100px) {
#offcanvas-toggler, #offcanvas-toggler > span {display: none; visibility: hidden;}
}

Both methods should work for desktop view, tested many times!

But if you want to hide [=] icon on all views (Desktop, Tablet and Mobile) let us know, it request using different CSS code!

Rhema N. Abu Asked this
3 years ago

the CSS code did not work!!!

offcanvans menu icon still present!!

Paul Frankowski Senior Staff
3 years ago · edited

First, you don't have [=] icon on desktop view.

Second, my CSS code was to hide that icon in desktop view only.

For all views use

#offcanvas-toggler.offcanvas-toggler-left,
#offcanvas-toggler.offcanvas-toggler-left span {display: none !important;visibility: hidden;}
Rhema N. Abu Asked this
3 years ago

Perfect!
your code works!!!

Thanks Frankowski.

Paul Frankowski Senior Staff
3 years ago

You're welcome.

...but next time try to give more details, for example, from what view you want to hide element. It will help us give you a right answer faster.

Log in to reply.