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.
See mobile view
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)
@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;
}
}
@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
I will referring to a SUB MENU.
I'm sorry but wpForo doesn't support sub-menu on mobile. We may add it in the 2.0 major version.
@robert scroll up the thread @tutrix provided a code to add it, so i am trying the style the menu.
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
Old posts hijack I do not like, here it is necessary!
I put here a reference after:
https://wpforo.com/community/postid/86283/
Because there is no solution so far!