Submenu in Megamenu Doesn't show correctly.

xuper

Server : localhost
Joomla Ver : 4.3.1 | T4 Framework Ver : 1.1.8 | Template : t4_bs5_blank - Default
I created a new Menu called T4 Framework with submenu, also Main menu has submenu which works fine.
I created module menu with no position.
in T4 Template Styles = > Navigation => Megamenu , I added :
module
T4 Framework
JAxhtml

T4 Framework module menu does show submenu but not correctly. Please check out image :

also wmv clip which I uploaded : https://easyupload.io/img5ix

any idea?

saguaros

xuper The default menu module from Joomla doesn't support nice navigation - dropdown in this case. If you want to have nice dropdown, you should find a 3rd party extension for menu module there.

xuper

allright , I fixed by adding some css and tag ID/class
1) in Menu's Module setting => "Advanced" tab => "Menu Tag ID" field , in that case I type : MenuTagID
2) in Menu Item , Click any item that has submenu => "Link Type" Tab => "Link Class" field , in that case I type : LinkClass
3) in t4_bs5_blank Style , Tools => Custom Css :

#MenuTagID .LinkClass::after{
display:inline-block;
position:absolute;
right: 1rem;
top: 50%;
margin-top: -2px;
border-top: 0.3em solid transparent;
border-right: 0;
border-bottom: 0.3em solid transparent;
border-left: 0.3em solid;
}
#MenuTagID .LinkClass:hover,#MenuTagID .LinkClass:focus{
background-color:#e9ecef;
}
#MenuTagID .dropdown ul li a::before{
display:none;
}
#MenuTagID .dropdown-menu{
min-width:264px;
padding: 16px 32px;
left:100%;
top:0;
}
#MenuTagID .dropdown-menu a:hover{
background-color:#e9ecef;
}

Now result :