Off Canvas

[Anders]

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.

[Tom]

Hi there,

Try this:

<a class="slideout-toggle" href="#">Open Off Canvas</a>

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Anders]

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?

[Anders]

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 🙂

[Tom]

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 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Anders]

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 🙂 )

[Tom]

Always happy to receive ideas/feature requests 🙂

Thanks!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Morgan]

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!

[David]

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.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Anders]

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/

[Tom]

Hi there,

Any chance you can open a new topic?

Thanks!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts