[RESOLVED]: Problem more then 3 tab on 'ShadowMenu Tab + 2 columns'

[cronosmachine]

Hi guys,
I new for CMSMS, but i love it since i was installing it.
I using 'ShadowMenu Tab + 2 columns' for my layout.
But when i create pages more than 3 tab it give me problem.
Sample below page i was created on :

4 Engineering
4.1 -   EHS
4.1.1 -   -   News & Updates
4.1.2 -   -   Health
4.1.2.1 -   -   -   EHS OHS
4.1.2.2 -   -   -   EHS OHM
4.1.3 -   -   Environmental
4.1.3.1 -   -   -   EHS RIET
4.1.3.2 -   -   -   EHS Risk Assessment
4.1.4 -   -   Safety
4.1.4.1 -   -   -   EHS Injury Report
4.1.4.2 -   -   -   EHS JSA

Result was showed up by it self not even mouse over it in menu 4.1.2.x, 4.1.3.x and 4.1.4.x
So 4.1.2.x, 4.1.3.x and 4.1.4.x has overlap menu only can see 4.1.2.1, 4.1.3.1 and 4.1.4.x

Please see my image below, the mouse in black arrow but in red arrows showing all the menu, how to fix this?

[calguy1000]

The templates and stylesheets that are distributed with CMSMS are merely examples.

They aren't designed to fit everybody's needs for every circumstance
(I actually saw one post where somebody reported that he had bugs with 5th level menu items not displaying properly).  The answer is. it's not a bug, or an issue.

We just didn't style the menus to handle more than 3 levels.  You'll have to make those adjustments yourself.

[cronosmachine]

Ok i already found and solved by my self,
I seem seeking answer and solution at this forum not so easy after all.

Here should the proper answer to answer my question:
Fist login to administration menu go to:
Layout » Stylesheets » Edit Stylesheet: Navigation: ShadowMenu - Horizontal

Find the word "The magic - set to work for up to a 3 level menu, but can be increased unlimited, for fourth level add"

Replace with this code below, or make it comparison before replacing.

Code: Select all

/* The magic - set to work for up to a 3 level menu, but can be increased unlimited, for fourth level add
#primary-nav li:hover ul ul ul ul,
#primary-nav li.menuparenth ul ul ul ul,
*/
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul,
#primary-nav li.menuparenth ul ul ul,
#primary-nav li.menuparenth ul ul ul ul {
	display: none;
}
/* for fourth level add
#primary-nav ul ul ul ul li:hover ul,
#primary-nav ul ul ul ul li.menuparenth ul,
*/
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul,
#primary-nav ul ul ul li.menuparenth ul,
#primary-nav ul ul ul ul li.menuparenth ul {
	display: block;