Notifications
Clear all

Limited Support

Our support team is currently on holiday from December 25, 2025 to January 7, 2026, and replies may be delayed during this period.

We appreciate your patience and understanding while our team is away. Thank you for being part of the wpForo community!

Merry Christmas and Happy Holidays! 🎄

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

2 Posts
2 Users
0 Reactions
2,224 Views
Posts: 74
Topic starter
(@snozy86)
Estimable Member
Joined: 6 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: 5636
 Sofy
Admin
(@sofy)
Support Team
Joined: 8 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.