Notifications
Clear all

wpForo 1.x.x [Closed] how to change mobile menu like a desk top.

2 Posts
2 Users
0 Reactions
1,539 Views
Posts: 74
Topic starter
(@snozy86)
Estimable Member
Joined: 5 years ago

It is hard to find long in for users when using mobile.

how do I change from drop-down menu to desktop menu set up?

I only want to have

1. forum

2. login(user name if the user is already loged in), 

3. message

I really do not like the dropdown menu style on the mobile menu.

for the mobile menu, log in is almost hiding. some of my users are old people. I will have to make it easy.

Would you let me know how to change it? 

Thanks

 

1 Reply
Sofy
Posts: 4772
 Sofy
Admin
(@sofy)
Support Team
Joined: 7 years ago

Hi @snozy86,

Please try the following CSS code. Put it in Dashboard > Forums > Settings > Style > "custom CSS code" textarea.  

@media screen and (max-width: 620px){
#wpforo #wpforo-wrap #wpforo-menu .wpf-res-menu {
display: none;
}
#wpforo #wpforo-wrap #wpforo-menu .wpf-menu li a {
padding: 5px 11px;
}
ul#wpf-menu {
display: flex !important;
}
}

Please check on incognito mode, because mobile browsers have a hard cache you cannot see the changes immanently.