i want to add a "Menu" title next to the menu to ensure people are able to see it is there. plus i need to do an alternative menu underneath this with a different title

pls advise. thanks

Hi Simon,

normally menus shows the title of the menu module. If you refer to the top blue menu, title is stripped out by default. If you want to add a title to the top blue menu the easiest way is using a css style with the :after or :before pseudo class.

John

hi

which css / jquery classes are there that affect the actual menu element?

I have another menu on the page which (not done by me) is just in the main content instead of being in a module position. as such i cant add it to one of the responsiveizer positions.

What i would like to do is put in an if stament that says if the template is responsivizer then show the menu in another position and apply the css to it to make them unordered list appear as a secondary menu like the main menu does.

Could you please let me know what classes to use for this to work.

Summary

what class does a menu need to have to be made into a accordian dropdown style menu.

Hi Simon,

about your first post, if you need to add a title at the top menu contact me directly at This e-mail address is being protected from spam bots, you need JavaScript enabled to view it and i can send you an updated build including this option.

About your second question, normally the mobile template is completely separated by the desktop one, thus you can have custom css, modules, etc without any if statement.

Menus are automatically rendered as accordion when assigned to one of the predefined mobile positions, such as responsivizer_mainmenu, responsivizer_menu_top, etc No specific class are required.

You can take advantage of the Modules Manager list, for example excluding the current menu module displayed in the wrong position and clicking on the 'Make mobile' button to assign a new instance to a different position for mobile menus.

hi

i have tried several different ways to enable the title of the menu now but i seem to be missing somehting

the responsivizer position fr this menu is responsivizer_mainmenu the menu lines (mobile menu style) appears but the title does not appear to the left at all.

the output of the code for the page is <h3 class="module menumodule"></h3> in the source which becomes <h3 class="module menumodule activeaccordion" style="cursor: pointer;"></h3> after loading the page

i assume if i had something in between the H3 tags here it would show as the menu title.

Do you think assigning a before pseudo class is the right solution here is should it be able to read the title?

If you are using the position responsivizer_mainmenu the title is showed by default.

Unless you deny it using the switcher 'Show module title' to 'No' or setting the Joomla option for the menu module to 'Hide'.

There is nothing else preventing the title for the menu to show between the <h3> tags

.