End of Support for Joomla 3 - Forum closed

[SOLVED] Offcanvas menu on all screen sizes

  • tutsiq
  • tutsiq's Avatar Offline Topic Author
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 6
  • Thank you received: 0

Offcanvas menu on all screen sizes was created by tutsiq

Posted 9 years 6 months ago #8207
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
by tutsiq

Please Log in or Create an account to join the conversation.

Replied by joomlaplates on topic Offcanvas menu on all screen sizes

Posted 9 years 6 months ago #8209
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

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.
Last Edit:9 years 6 months ago by joomlaplates
Attachments:
Last edit: 9 years 6 months ago by joomlaplates.

Please Log in or Create an account to join the conversation.

  • tutsiq
  • tutsiq's Avatar Offline Topic Author
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 6
  • Thank you received: 0

Replied by tutsiq on topic Offcanvas menu on all screen sizes

Posted 9 years 6 months ago #8210
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.

Attachment Untitled-1.jpg not found

Last Edit:9 years 6 months ago by tutsiq
Attachments:
Last edit: 9 years 6 months ago by tutsiq.

Please Log in or Create an account to join the conversation.

Replied by joomlaplates on topic Offcanvas menu on all screen sizes

Posted 9 years 6 months ago #8211
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; ?>

The following user(s) said Thank You: tutsiq

Please Log in or Create an account to join the conversation.

  • tutsiq
  • tutsiq's Avatar Offline Topic Author
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 6
  • Thank you received: 0

Replied by tutsiq on topic [SOLVED] Offcanvas menu on all screen sizes

Posted 9 years 6 months ago #8213
Problem solved.

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

Thank you for the help :-)
Last Edit:9 years 6 months ago by tutsiq
Last edit: 9 years 6 months ago by tutsiq.

Please Log in or Create an account to join the conversation.

Moderators: joomlaplates

Installations-Service

Don´t waste your time, we install your purchased Template
with the "Demo Content" within the next 24 hours.

Buy Now - 59€

Joomlaplates/Theme-Point is not affiliated with or endorsed by Open Source Matters or the Joomla! Project

Copyright © 2024 JoomlaPlates | Professional Joomla Templates with Uikit 3

Disclaimer & Privacy | License