Public Forums 71,145 posts

[farhady Friend farhadyJoin date: August 2008Posts: 69Downloads:0Uploads:0 Thanks: 12 Thanked: 5 times in 1 posts]

#152853

I like how you guys from Joomlart have stick a menu in the right side of megamenu!
What I mean exactly? Then look at the picture below

I talk about the green Menu in your megamenu-toolbar.

So now going to my question: How do you do that with megamenu? How can I do it for myself, too?
Any Tutorial?

P.S: I wish more tutorials to using the power of your framework in the wiki.

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

#350764

Hi
You can accomplish this by using Additional Class feature of the Mega Menu. JA Documentation Team will document this idea.

Thank you.

Regards,
Danny

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

#351261

Hi

Please check this resource
http://wiki.joomlart.com/wiki/JA_T3_Framework_2/Navigation#Additional_styling_class

Regards,
Danny

1 user says Thank You to korb for this useful post

1. farhady

[farhady Friend farhadyJoin date: August 2008Posts: 69Downloads:0Uploads:0 Thanks: 12 Thanked: 5 times in 1 posts]

#351983

Thank you @korb!
It works very well. But I got a problem with the MegaMenu-Position now.
It appears over the green button and is out of the wrap.
How can I fix it and change the position?

[Khanh Le Moderator Khanh LeJoin date: November 2013Posts: 1884Downloads:41Uploads:31 Thanks: 44 Thanked: 203 times in 131 posts]

#352044

<em>@farhady 189252 wrote:</em><blockquote>Thank you @korb!
It works very well. But I got a problem with the MegaMenu-Position now.
It appears over the green button and is out of the wrap.
How can I fix it and change the position?</blockquote>

Assume the additional class you add is “right-stick”, then you should add this style to template css/menu/mega.css::


.ja-megamenu ul.level0 li.right-stick {
float: right!important;
margin-right: 10px !important;
}

.ja-megamenu ul.level0 li.right-stick .childcontent {
right: -34px !important;
}


(you could change the number to make it fit to your site)

1 user says Thank You to Khanh Le for this useful post

1. farhady

[Author]

Posts