Home -> Features -> Typography - Joomla! Forum - community, help and support

hello .. !!

i want display sub menu , category picture. how make it?

thank you!

sub-menu joomla.jpg

short version:
css.

hope helps!
m
-------
long version:
i think ask how display main-menu-items , sub-menu-items 2 distinct blocks, instead of having submenu-items drop out main? in case:
--in menu manager, have menu usual (so single menu, items , subitems);
--in extensions -> modules manager, copy "main menu" module , rename copy "sub menu"*. change "main" 1 have option "end level: 1" (=start level) there's no sub-items... , change "sub" have option "start level:2"**. add css class suffix (default bootstrap's " nav-pills"***), " subnav".
--in extensions -> template manager -> templates -> (your template) -> css --> template.css, or whatever stylesheet's name, add in appropriate places styling. removing protostar's thin borders above&below nav.navigation, write say

ul.nav.menu {border-radius: 5px; border-outline: 1px solid black; background: ... } ... idea. go on site took image from, , use firefox firebug plugin or use chrome (right-click: inspect element), , see markup choices made black-to-black gradient etc.

then sub menu can target
ul.nav.menu.subnav {background-color: white; ... }

you'll want style "a", "a:hover", "a:focus", "a:active", "a:current" (firebug/inspect element tell ones). , if don't see results, tell other command overrules (maybe selector "more precise" because there's #content before it, or evil lazy person has written "!important" in css, etc).

hope helps!

m

-------footnotes:-----
(*...because copied, both in same module position. maybe want "main" navigation displayed horizontally above text, "submenu" navigation maybe on left items vertically above each other (good idea if submenu has sub-items)? module position of submenu has of left-hand-side module, , if have write css scratch that's display:inline-block them stack.)
(**...and maybe "end level:2" don't sub-sub-items? should have organized such, not enforce module. , if forget later set this, have mystery "hey i've added sub-item submenu, it's published, not showing up? css saying "display=none", or php override?" etc etc)
(***...you may want delete existing class suffix both, saves overriding nav-pills css may want use in setting. also, note space before suffix name in box: "nav-pills" class name, insert space before because otherwise gets glued onto preceding class name, think "menu": you'd have class "menunav-pills" css targetting both lost!)