[SOLVED] Offcanvas menu on all screen sizes

Can I use the same offcanvas menu for display on all screen sizes? I want this menu on ordinary screen and not only on the mobile?

I have tried to place my menu module in offcanvas, but nothing are showing up in frontend.

//Ellen

Yes you can.
1.) Disable the main menu
2.) Add this syntax to any html module to open the offcanvas menu

<a href="#offcanvas" class="uk-navbar-toggle uk-visible-small" data-uk-offcanvas></a>

Another option is to edit the php file at:
layouts/theme.php
Here you have to replacce the classes > uk-hidden-small / uk-visible-small



We are committed to help you with any type of support query, however we can't provide extensive help in terms of customizations. In general customizations may look simple but you will require solid knowledge of web technologies and programming skills to do them or hire a professional who can do it for you.

Oh thank you, I have now edit the theme.php.

1. The mobile menu dont work now anymore

<?php if ($this->count('menu')) : ?>
<div class="uk-navbar-toggle uk-visible-small">
<?php echo $this->render('menu'); ?>
</div>
<?php endif; ?>

<?php if ($this->count('offcanvas')) : ?>
<a href="#offcanvas" class="uk-navbar-toggle uk-hidden-small" data-uk-offcanvas>MENU </a>
<?php endif; ?>

2. Can I get the offcanvas like the image 2 ? Not to move the hole main everytime.

Thats not possible with that template!
It is to much complicated, because you have to customize the whole layout.
Why you take a template with left sidebar if you dont want to use the left sidebar?

Here is th right code for the menu:

<?php if ($this->count('menu')) : ?>
<div class="uk-navbar-toggle uk-hidden">
<?php echo $this->render('menu'); ?>
</div>
<?php endif; ?>

<?php if ($this->count('offcanvas')) : ?>
<a href="#offcanvas" class="uk-navbar-toggle" data-uk-offcanvas>MENU </a>
<?php endif; ?>

Problem solved.

I didnt know from start to hide the menu. And like the template.

Thank you for the help