T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
  1. Lee Tempest
  2. Sherlock Holmes
  3. General Discussion
  4. Tuesday, 21 April 2015
  5.  Subscribe via email
Hello,
How can I amend the code that displays the three bars for the off canvas position?

I can see in the code <i class="fa fa-bars"></i>, but where in the template code would I override this with a different FontAwesome icon?

Thanks

Lee

SOLUTION

1. You need to duplicate mainnav.php in your template/tpls/blocks folder. Rename this duplicate file.
2. Modify the main template file you are using in your template/tpls/ to load this duplicated file.
3. Open the duplicated file and change the <i class="fa fa-bars"></i> to your new Font Awesome icon.
4. In the new mainnav.php change the code below:

<?php if ($this->getParam('addon_offcanvas_enable')) : ?>
<?php $this->loadBlock ('off-canvas') ?>
<?php endif ?>

Change the 'off-canvas' to a new filename.

5. Duplicate the off-canvas.php file in your template/tpls/blocks to match the filename you gave it above.
6. Open this new off-canvas file and change the <i class="fa fa-bars"></i> to your new Font Awesome icon.

Save and upload all the modified files to your template folder, refresh your page and the new icon should appear!
Comment
There are no comments made yet.
Accepted Answer Pending Moderation
0
Votes
Undo
Great tutorial @Lee. You can also check the tuts for such customization: https://www.joomlart.com/documentation/purity-iii/faqs#sidebar-icon

Regards.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.