Okay, I believe this may get you back on track...
Make the menu use the full widthTo display the submenu correctly below the parent menu-item on all screens.
The submenu is positioned absolute, so add a left and right position.
Note: In your user.css, on line 551, you have already declared right:0; for these selectors. I don't know why or what effect these changes may have for your design.Bonus: Unset the right position on bigger screens
Make the menu use the full width
Code:
.navbar { flex-basis: 100%;}The submenu is positioned absolute, so add a left and right position.
Note: In your user.css, on line 551, you have already declared right:0; for these selectors. I don't know why or what effect these changes may have for your design.
Code:
.metismenu.mod-menu .metismenu-item > ul,.container-header .metismenu > li > a:hover::after { right: 0; left: 0;}Code:
@media (min-width: 700px) { .metismenu.mod-menu .metismenu-item > ul, .container-header .metismenu > li > a:hover::after { right: initial; }}Statistics: Posted by Mr. Wimpy — Fri Nov 29, 2024 10:47 am