Drop down menu is not displaying on mobile view.
I also observe that even on this forum, it's not displaying.
Please tell me how to fix this as most of my viewers uses mobile phones.
@robert That is a menu and not sub menu.
I will referring to a SUB MENU.
On PC view, if you hover over "My Profile" there'sa drop down sub menu comprising:
Activity
Account
Subscriptions
But on Mobile view there are no drop down sub menus like that.
See attachment.
the submenu is deactivated for the mobile view
if you want to activate it
add this to custom css
@media screen and (max-width:620px) {
#wpforo #wpforo-wrap #wpforo-menu .wpf-menu li > ul {
display:block !important;
}
}
Dashboard > Forums > Settings > Style (custom css)
visit my wpForo > Tutrix.de with lots of customization & modification, inclusive chat
@tutrix wow thanks.
But the drop down sub menu is covering other menu items below it, please give me a CSS code that will shift the drop down sub menu items to the right so it doesn't cover the menu items below it.
Thanks
ok, use this code instead of the one above
@media screen and (max-width:620px) {
#wpforo #wpforo-wrap #wpforo-menu .wpf-menu li > ul {
display: block !important;
margin-left: 125px !important;
margin-top: -48px !important;
}
}
visit my wpForo > Tutrix.de with lots of customization & modification, inclusive chat
@tutrix I really appreciate your kind assistance.
Please i still need another assistance on this issue. I want the width of the li container to contain the li without it breaking to another line. For instance, from the attached, i want "Tribes of the Midwest Region" to be like "Entertainment", "New/Politics".
Thanks
Admin please assist with this.
Thanks
try
@media screen and (max-width:620px) {
#wpforo #wpforo-wrap #wpforo-menu .wpf-menu li > ul {
display: block !important;
margin-left: 125px !important;
margin-top: -48px !important;
width: 220px !important;
}
}
you can adjust the 220px as needed
visit my wpForo > Tutrix.de with lots of customization & modification, inclusive chat