Public Forums 71,145 posts

[investx Friend investxJoin date: April 2015Posts: 58Downloads:0Uploads:4 Thanks: 3 Thanked: 1 times in 1 posts]

#148617

Hi,

I just updated my site http://www.investx.mobi to version 1.2 but I have the following problem:

In Mega Menu I do not know how to set :

1.submenus overflow direction and vertical distance between submenus.
2.submenus delay.
3.submenus trancparency.

As you can see in the picture menu.jpg last column of the menu exceeds the browser window.
How do I set it to display in down???

Another problem is that the submenus have a delay when they are retreat. How to reduce this delay ???

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#332648

if possible, give me the link to your site, because i have not any site having data same as yours 🙂

[korb Friend korbJoin date: March 2008Posts: 315Downloads:0Uploads:0 Thanks: 40 Thanked: 48 times in 39 posts]

#332838

<em>@investx 164675 wrote:</em><blockquote>Hi,

I just updated my site http://www.investx.mobi to version 1.2 but I have the following problem:

In Mega Menu I do not know how to set :

1.submenus overflow direction and vertical distance between submenus.
2.submenus delay.
3.submenus trancparency.

As you can see in the picture menu.jpg last column of the menu exceeds the browser window.
How do I set it to display in down???

Another problem is that the submenus have a delay when they are retreat. How to reduce this delay ???</blockquote>

Hello,

1.submenus overflow direction and vertical distance between submenus.
You cannot set the distance between submenus or overflow in configuration, you can do that by changing the CSS for each menu system located in templates/ja_purity_ii/css/menus

2.submenus delay.
that can be achieved by modifying the menu controllers located in templates/ja_purity_ii/libs/menus

for instance megamenu, mega.class.php lines 43-55
can you see there the ‘delayHide’: 1000 ?


<script type="text/javascript">
var megamenu = new jaMegaMenuMoo ('ja-mainnav', {
'bgopacity': 0,
'delayHide': 1000,
'slide': <?php echo $slide ?>,
'fading': <?php echo $fade ?>,
'direction':'down',
'action':'mouseover',
'tips': false,
'duration': <?php echo $duration ?>,
'hidestyle': 'fastwhenshow'
});
</script>


3.submenus trancparency.
In template configuration, setting up megamenu as default navigation system will show up the megamenu config parameters: effect (none, slide, slide and fade) and duration (default is 300).
There is no setting for submenu transparency, you can do that by filing the childcontent div with a transparent gif repeat-x repeat-y in css files.

As you can see in the picture menu.jpg last column of the menu exceeds the browser window.
How do I set it to display in down???
Well I don’t know exactly what is your need here, but I think you need to read our documentation regarding T3 Navigation Systems.
http://wiki.joomlart.com/wiki/index.php?title=JA_Template_Framework/Navigation

Regards,
Danny

[investx Friend investxJoin date: April 2015Posts: 58Downloads:0Uploads:4 Thanks: 3 Thanked: 1 times in 1 posts]

#332887

Hi,
tanks for your replay….

I read that menu documentation but i don’t find what I need.

In this version the styling in Mega Menu is generated from mega.js and not from some css file.

If you look at my third level submenu (see menu.jpg) you will see that the submenu is not start from the last submenu level in down …and that is because this level <div class=childcontent cols1 > element have margin-top: -466px but it must be reduced to -24px .

But i don’t know what to modify to change dimension for third level margin-top.

I think i must change something here in mega.js but i don’t know sure what :((

position: function (li) {
//fix position for level0
//show it
li.childcontent.setStyle (‘left’, ‘auto’);
//reposition

if (li.childcontent) {

var pos = $merge (li.getPosition(), {‘w’:li.childcontent.offsetWidth, ‘h’:li.childcontent.offsetHeight});
var win = {‘x’: window.getWidth(), ‘y’: window.getHeight()};
var scroll = {‘x’: window.getScrollLeft(), ‘y’: window.getScrollTop()};

if (li.level0) {
li.childcontent.setStyle (‘margin-left’, (pos[‘x’] + pos[‘w’] + li._ml > win[‘x’] + scroll [‘x’]) ? win[‘x’] + scroll [‘x’] – pos[‘w’] – pos[‘x’]:li._ml);
} else {
//sub level
if (this.options.direction == ‘up’) {
li.childcontent.setStyle (‘bottom’, pos[‘y’]+li.offsetHeight-pos[‘h’] – 20 < scroll [‘y’]?pos[‘y’]+li.offsetHeight-pos[‘h’] – scroll [‘y’] – 20:0);
} else {
li.childcontent.setStyle (‘margin-top’, (pos[‘y’] + pos[‘h’] + 20 + li._mt > win[‘y’] + scroll [‘y’])?win[‘y’] + scroll [‘y’] – pos[‘y’] – pos[‘h’] – 20 : li._mt);
}
}

}

},

[korb Friend korbJoin date: March 2008Posts: 315Downloads:0Uploads:0 Thanks: 40 Thanked: 48 times in 39 posts]

#332893

Hello,

The menus’ js code is perfectly valid as it is. You cannot link articles into menu items because of SEF related issues and other canonical related reasons.

You better only link Sections and Categories as they are important for content canonical.

You can also link Uncategorized content into menu items because they have no canonical relevance.

Basically menus are used to help users easily navigate, and not expose long menu item titles and so on. Menus should be simple, minimal, and most of all, the most important links of your canonical.

I hope this brings some light.

Regards,
Danny

[investx Friend investxJoin date: April 2015Posts: 58Downloads:0Uploads:4 Thanks: 3 Thanked: 1 times in 1 posts]

#332894

Hi Korb,

If I modify with firefox the element.style css for third submenu element the ( margin-top from -466px to -25px ) I get exactly what I want.

Problem is that firefox don’t make changes in the code, so I must find the code that generates margin-top (e.g. -466px) .I need help with this.

In previos version i change it easy because it was just some css modification.
I can’t belive it isn’t a solution in this version too. Maybe some modification in mega.class.php ??:confused:

And i want to modify also the top-margin for shorther submenu too.. e.g. from -25px to say -10px so i don’t think this is a problem just for long submenus. It is an important customization setting….

But howwwwww to do it ????

[korb Friend korbJoin date: March 2008Posts: 315Downloads:0Uploads:0 Thanks: 40 Thanked: 48 times in 39 posts]

#332924

The js and php code is ok as it is.
This is my last reply on this…

[freebies Friend freebiesJoin date: February 2010Posts: 5Downloads:0Uploads:0 Thanked: 1 times in 2 posts]

#332929

js must work

[investx Friend investxJoin date: April 2015Posts: 58Downloads:0Uploads:4 Thanks: 3 Thanked: 1 times in 1 posts]

#333078

Tanks guys for your replays

I finally found a solution 😀

In mega.js file I commented the line 294

} /*else {
li.childcontent.setStyle (‘margin-top’, (pos[‘y’] + pos[‘h’] + 20 + li._mt > win[‘y’] + scroll [‘y’])?win[‘y’] + scroll [‘y’] – pos[‘y’] – pos[‘h’] – 20 : li._mt);
}*/

This allows me to set the position of submenus in line 136 from mega.css file

ul.level1 .childcontent { margin: -25px 0 0 177px; } /* set submenus position */

PS: In mega.js I also changed the line 93 from this
li.childcontent.setStyles ({‘width’:li._w+50});
to
li.childcontent.setStyles ({‘width’:li._w});

because that add extra 50px to the submenus background width.

So i think that the js code is not yet perfect

[Author]

Posts