[SOLVED] Offcanvas menu on all screen sizes
I have tried to place my menu module in offcanvas, but nothing are showing up in frontend.
//Ellen
Please Log in or Create an account to join the conversation.
- joomlaplates
- Offline
- Moderator
- Posts: 8807
- Thank you received: 1732
Replied by joomlaplates on topic Offcanvas menu on all screen sizes
Posted 9 years 6 months ago #82091.) 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
Attachment offcanvas.jpg not found
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.
www.joomlaplates.de/dokumentation.html
Attachments:
Please Log in or Create an account to join the conversation.
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.
Attachment Untitled-1.jpg not found
Attachments:
Please Log in or Create an account to join the conversation.
- joomlaplates
- Offline
- Moderator
- Posts: 8807
- Thank you received: 1732
Replied by joomlaplates on topic Offcanvas menu on all screen sizes
Posted 9 years 6 months ago #8211It 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; ?>
www.joomlaplates.de/dokumentation.html
Please Log in or Create an account to join the conversation.
Replied by tutsiq on topic [SOLVED] Offcanvas menu on all screen sizes
Posted 9 years 6 months ago #8213I didnt know from start to hide the menu. And like the template.
Thank you for the help
Please Log in or Create an account to join the conversation.