Missing Offcanvas Toggle In Template Options - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Missing Offcanvas Toggle In Template Options

GH

Gavin J Hanly

Helix Framework 2 years ago

Am on Joomla 3, preparing to upgrade to Joomla 4. Using the gazette template. Just updated to the latest template version (and similar with helix ultimate) and am doing some final troubleshooting.

The main remaining issue is with the offcanvas toggle option. In the documentation, it says I should find this option in the "menu" section of Helix. However, this is labelled "navigation" in mine and doesn't have the offcanvas option in there. Is there something I'm missing?

0
9 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #125895

Hi

Thanks for contacting us. Here is the offcanvas menu option, please check.

-Regards.

0
GH
Gavin J Hanly
Accepted Answer
2 years ago #125910

Hi - sorry, I can see that and it is checked. The offcanvas menu button appears, but the off-canvas menu is set to the right. How do I get it back to the left? The previous version had a toggle button - but I can't see it here.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #126017

But it is already on left side

https://prnt.sc/ZN_5DOJVj8FK

0
GH
Gavin J Hanly
Accepted Answer
2 years ago #126296

Hi - no you're looking at the live site there, not the dev site. The live site still uses the older version (1.6) of Helix and the older Gazette. The dev site (see the link I provided) uses the newer versions and that's where the problem is.

If there's an alternate way to control this via CSS, please let me know and I'll try that.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #126341

I need that problematic page link to solve that, Otherwise you can follow this CSS below:

https://www.w3schools.com/css/css_float.asp

https://www.joomshaper.com/blog/which-line-of-css-i-have-to-edit-code-inspector-in-action

0
GH
Gavin J Hanly
Accepted Answer
2 years ago #126359

Hi - you should be able to see this on every page of the dev site. Perhaps I'm not being clear, so here goes again.

On the live site where I have the older version of Helix and Gazette, this is how the navigation and off-canvas works. An option in the template exists to select left or right for the position of the off-canvas menu. So I have toggled that to show on the left:

So the off-canvas switch is to the left of the logo

https://postimg.cc/64K3x03v

And the menu opens on the left.

https://postimg.cc/MfYG6QMr

However, on the development version of the site, where I have loaded the latest version of Gazette and Helix, the option to select left or right for the off canvas position is not there any more. So it only appears on the right. I.e.:

The off-canvas switch is to the right of the logo

https://postimg.cc/gX8J75Yp

And the menu opens on the right.

https://postimg.cc/4KryBZRw

So my question is - is this a bug in the template? Because it is not possible to switch it to the left any more? And if it is, will CSS actually allow me to have the menu open on the left any more?

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

Hi there!

Please try the following code in your custom.css file:

#offcanvas-toggler {
    left: 0;
    position: absolute;
}
body.ltr.offcanvs-position-right .offcanvas-menu {
    left: -300px;
}
body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu {
    left: 0;
}
body.ltr.offcanvs-position-right .body-wrapper {
    left: 0;
}
body.ltr.offcanvs-position-right.offcanvas-active .body-wrapper {
    left: 300px;
}

Hope this helps!

Best Regards

0
GH
Gavin J Hanly
Accepted Answer
2 years ago #126421

Yes - that works - fantastic, thanks!

A few spacing tweaks to sort out but I can do that myself. Thanks very much for the help.

0
GH
Gavin J Hanly
Accepted Answer
2 years ago #126425

Just a quick follow up to this - do you know if you'll be releasing a new version of Gazette that allows us to switch the offcanvas back to the left from within the template? Thanks.

0