Joomla Templates Club 406,261 posts

[omarc79 Friend omarc79Join date: March 2011Posts: 10Downloads:0Uploads:0 Thanks: 6 Thanked: 1 times in 1 posts]

#182965

Hello,

I’m using JA Brisk version 1.0.0 Stable and I am wondering if it’s possible to change the appearance of a submenu on the main menu from on-click to on-hover, so that when I hover the mouse over the parent menu item, the submenu drops down without a click.

Is this possible?
If so, how can I do it?

Thanks,
OC

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#475670

Hi OC,

Our new version JAT3V3 framework implements Less & Boostrap and apply the default features of Boostrap, so it will use dropdown menu like current instead of hovering to show submenus.

2 users say Thank You to Ninja Lead for this useful post

1. omarc79
2. arckoo

[arckoo Friend arckooJoin date: May 2011Posts: 112Downloads:0Uploads:8 Thanks: 50 Thanked: 4 times in 1 posts]

#482316

Is there a reason for choosing the Less & Boostrap on-click option (besides it being a default feature)? Like omarc79 I think an on-hover menu would look better… or is it for practical / responsive reasons?

1 user says Thank You to arckoo for this useful post

1. dieudonne

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#482457

<em>@arckoo 358594 wrote:</em><blockquote>Is there a reason for choosing the Less & Boostrap on-click option (besides it being a default feature)? Like omarc79 I think an on-hover menu would look better… or is it for practical / responsive reasons?</blockquote>

You can try as below :

+ Download and extract my attached file
+ Copy it
<blockquote>templates/ja_brisk/js</blockquote>
+ Open head.php on this path
<blockquote>templates/ja_brisk/tpls/blocks/head.php</blockquote>
and add new script below

<script type="text/javascript" src="<?php echo JURI::base(true) ?>templates/ja_brisk/js/menu.js"></script>

Let me know if it helps

---

Attachments:

1. menu.zip

2 users say Thank You to Ninja Lead for this useful post

1. dieudonne
2. biocair

[dieudonne Friend dieudonneJoin date: January 2011Posts: 947Downloads:61Uploads:266 Thanks: 452 Thanked: 107 times in 3 posts]

#482533

Hello,

is it working very well.
Thank you very much for this useful tip.

But it’ll be stable on tablet and on other smart phone ?

Thank in advance.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#482842

Yes, it’s working as fine on tablet and on other smart phone, you can check it and let me know if you still face the problem

1 user says Thank You to Ninja Lead for this useful post

1. dieudonne

[dieudonne Friend dieudonneJoin date: January 2011Posts: 947Downloads:61Uploads:266 Thanks: 452 Thanked: 107 times in 3 posts]

#482879

Ok thank.

We’ll check this soon, and comeback to you if there is a problem.

Thank anyway.

[claytoncollie Friend claytoncollieJoin date: March 2011Posts: 4Downloads:0Uploads:3 Thanked: 1 times in 2 posts]

#485313

https://github.com/CWSpear/twitter-bootstrap-hover-dropdown

Save the min.js file to your template’s js folder and manually insert the .min.js file callout into your header.

Change the word hover to toggle at the end of this file.

should be changed to

1 user says Thank You to claytoncollie for this useful post

1. JA Developer

[Author]

Posts