Archived topic
Off Canvas
10 replies · Started by Anders Nielsen on June 29, 2019
Hi
Is there a way to activate the off canvas, using a button?
I'm trying to achieve: "click a button" -> off canvas opens with wpforms.
The off canvas shall not be visible like a menu or anything.
Hi there,
Try this:
<a class="slideout-toggle" href="#">Open Off Canvas</a>
Let me know :)
Works.. But ads the burger menu on desktop and mobile. I would like to have them removed, so the off-canvas only is visible when activated by a button.
Is that possible?
And maybe have custom content on diffrent pages.
Idea: In the "sections" extension ad a checkmark in the settings "off canvas content"
So when triggered, that content is showed in the off canvas :-)
A "timer" for content in the sections would be great too :-)
You could try this instead:
<a class="slideout-toggle custom-slideout-toggle" href="#">Open Off Canvas</a>
Then do this:
.slideout-toggle.custom-slideout-toggle:before {
display: none;
}
Cool ideas - thanks for the suggestions :)
Thanks Tom, I try that...
If you need input for the timer, let me know :)
The reason for the timer is, often you write in a website, "call me now" or something like that... Then content in sections can be on a timer (ex: all weekday 8:00 - 17:00) "show section" --> Call us now, we are open.
(ex: all weekday: time 17:01 - 23:59) "show section" --> we are open tommorow..
etc.. ( I have some more ideas.. Let me know :) )
Always happy to receive ideas/feature requests :)
Thanks!
I dropped in here looking for the same thing.
Te be able to create an Element:
"Choose Element Type" - "off canvas"
Just as per creating a "Header", with options specific to off-canvas, would simplify my workflow SO MUCH!
Hi there,
if its of any help - the off canvas has its own widget area. Plugins like Conditional Widgets or Widget Logic will allow you to dynamically display different content. This method would be a much lighter approach than creating multiple off canvas elements, as each one would require a new widget & navigations areas and its own CSS styling.
Is there a way I can change the burger menu icon, to a "ringing" phone - or just a phone icon?
By ringing I'm thing of something like this: https://codepen.io/Womol/pen/MmyvMq/
Hi there,
Any chance you can open a new topic?
Thanks!