Notifications
Clear all

wpForo 1.x.x [Closed] My Sub Menu Not Display On Mobile View

13 Posts
4 Users
0 Reactions
1,243 Views
Posts: 61
Topic starter
(@ediko)
Trusted Member
Joined: 3 years ago

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. 

12 Replies
Robert
Posts: 10532
Admin
(@robert)
Support Team
Joined: 8 years ago

Hi @ediko,

What dropdown menu do you mean?

6 Replies
(@ediko)
Joined: 3 years ago

Trusted Member
Posts: 61

@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.

(@ediko)
Joined: 3 years ago

Trusted Member
Posts: 61
Tutrix
(@tutrix)
Joined: 4 years ago

Noble Member
Posts: 1328

@ediko 

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)

(@ediko)
Joined: 3 years ago

Trusted Member
Posts: 61

@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

Tutrix
(@tutrix)
Joined: 4 years ago

Noble Member
Posts: 1328

@ediko 

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;
}
}
(@ediko)
Joined: 3 years ago

Trusted Member
Posts: 61

@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

Posts: 61
Topic starter
(@ediko)
Trusted Member
Joined: 3 years ago

Admin please assist with this.

Thanks

Robert
Posts: 10532
Admin
(@robert)
Support Team
Joined: 8 years ago
Posted by: @ediko

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.

2 Replies
(@ediko)
Joined: 3 years ago

Trusted Member
Posts: 61

@robert scroll up the thread @tutrix provided a code to add it, so i am trying the style the menu.

Thanks

Tutrix
(@tutrix)
Joined: 4 years ago

Noble Member
Posts: 1328

@ediko 

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

Posts: 29
(@wp-henne)
Trusted Member
Joined: 1 year ago

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!