Well, I looked on the trick and it is not pure CSS solution. A small adjustment has to be done in
tplfuncs.php and in stylesheet.css as well. However, it can be made in next CMSimple_XH release standardly (if not used, nothing may hapen).
Look for (class="submenu" shall be defined here and the h4 label shall be wrapped in a DIV)
Code: Select all
if (count($ta) != 0) {
return '<h4>' . $tx['submenu']['heading'] . '</h4>'
. li($ta, 'submenu');
}
and change it to
Code: Select all
if (count($ta) != 0) {
return '<div class="submenu"><h4>' . $tx['submenu']['heading'] . '</h4>'
. li($ta, 'submenu').'</div>';
}
also add
Code: Select all
/* SUBMENU */
.submenu{ margin-top: 1rem;}
.submenu ul {display:none;}
.submenu:hover ul {display:block;}
/* h4 has to be changed if menu_levels != 3 */
.submenu h4{font-size: 1rem; color: #008e00; text-stadow: none; font-weight: bold;}
.submenu h4:after {content: "(+)"}
Instead of
"(+)" you may put any other sign or image.
I have not change the template, as there would also be necessary to change the whole structure. But I will try to make some simple template with included trick and drop here the link.
@EDIT
I just tested it without changes in tlpfuncs.php and it works if the submenu() call is wrapped in a DIV adjusted by class="submenu".