Public Forums 71,145 posts

[xzerod Friend xzerodJoin date: February 2014Posts: 3Downloads:3Uploads:1 Thanks: 2]

#200142

hi fellows,
building a mainmenu with the t3v2 framework in joomla 3.3.3 seems to be much harder than it looks. Actually, i’m using the megamenu-administrator-panel in the purity III template but i’m shocked about the html-codelines.

This is an example of my localhost-site. There is a picture of the structure as attachment:

<div class=”nav-child dropdown-menu mega-dropdown-menu rsh-sub” data-width=”320″ data-class=”rsh-sub” style=”width: 320px;”>
<div class=”mega-dropdown-inner”>
<div class=”row”>
<div class=”col-xs-6 mega-col-nav rsh-col” data-class=”rsh-col” data-width=”6″>
<div class=”mega-inner”>
<ul class=”mega-nav level1″>
<li class=”active mega mega-group rsh-title mega-align-left sub-hidden-collapse” data-hidewcol=”1″ data-alignsub=”left” data-class=”rsh-title” data-group=”1″ data-level=”2″ data-id=”113″>
<a class=” dropdown-header mega-group-title” data-target=”#” href=”/rsh3/index.php/senioren/1-mannschaft/informationen-1-mannschaft”>1. Mannschaft</a>
<div class=”nav-child mega-group-ct”>
<div class=”mega-dropdown-inner”>
<div class=”row”>
<div class=”col-xs-12 mega-col-nav” data-width=”12″>
<div class=”mega-inner”>
<ul class=”mega-nav level2″>
<li class=”current active rsh-li” data-class=”rsh-li” data-level=”3″ data-id=”126″>
<a class=”” data-target=”#” href=”/rsh3/index.php/senioren/1-mannschaft/informationen-1-mannschaft”>Informationen </a>
</li>
[…]

yoi see, the classes i added in the megamenu-administrator-panel to customize my css are:

• .rsh-sub
• .rsh-col
• .rsh-title
• .rsh-row*
• .rsh-ul*
• .rsh-li

First, i recognized, that the classes rsh-ul* and rsh-row* are ignored. Instead of my own classes, there are <ul class=”mega-nav level2″> & <div class=”row”> without any additional own class.

Due to the container between the container – classes shown in the administrator-panel, the own classes are mostly useless cause the other hidden container-classes have also to be overwritten, too. I don’t see much benefit in this structure cause at the end – the own classes can be leaved empty and to customize the hidden classes should be much easier and ordinary.

Another point is the width of each submenu. If i leave this formfield emty, the submenus have a total min-width of 200. If i have 2 columns, the content of this submenu can not fit in (you see in my picture a submenu width of 320 – i got this value while testing many steps). Your example says, i have to put a fix px width in these fields – but is this really responsive?

It would be ideal in an responsive layout, that the submenu container gets the width of the child – content.

Is this Code your intension of the megamenu or is this a problem which needs to be develop furthermore?

---

Attachments:

1. 

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

#544137

Hi,

You can post your site’s URL here and turn off Optimize CSS option, and tell me the menu item which you added your own class is not working, I will have a look.

Regarding to the width of sub menu, the megamenu in new T3 framework has option so that you can specify the width for the submenu, inside submenu, you can decide the number of columns for it but the total width must be equal to 12 span (as you can see the description: Width(1-12) there).

You can also check out this documentation for more info about menu system: http://t3-framework.org/documentation/menu-system.html#megamenu-config

[Author]

Posts