Site logo

Archived topic

Off Canvas

10 replies · Started by Anders Nielsen on June 29, 2019

Viewing posts 1–11 of 11

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!

This archived topic is closed to new replies.