Limited Support
Our team is currently on holiday, so support will be limited during this period. Response times may be slower than usual, and some inquiries may be delayed.
We appreciate your patience and understanding, and we’ll resume our usual support by the end of August.
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)
@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.
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!
