PRO: add a close button to off canvas

[b960a518_a049_4215_9fec_f8e5379ab96d]

Hello
on a mobile (or simply make the browser mobile size)
on this page http://staging1.kidsmagicworld.com.au/kids-magician/ for example

we have 1 hour party at a glanse at the top
when clicked it opens up the off canvas content- great

is it possible to add a button that will close that off canvas

(I know about the X but my users are not seeing it or understanding it-
I need to literally have the words- CLOSE WINDOW- at the bottom

how would I go about doing this?

[basanta]

Hi There,

Thanks for writing in!

Hoe ever this is something need custom coding. I will point you how to add a text before the X so that user can recognize it.

add this code in the Theme Option -> CSS

.x-off-canvas-close span:before {
  content: "close";
  right: 100px !important;
  margin-right: 10px;
  font-size: 16px;
}

.x-off-canvas-close-right {
  right: 80px !important
}

Since this is not an option offered in the theme, regretfully, we could not continue on providing you with custom solution. Please use our custom code guides as a starting point.

If those still does not work on your end, you’ll need to consult with a third party developer as this will be getting into custom development which is outside the scope of our support. Please see our Terms

Thank you for understanding.