Notifications
Clear all

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.

 

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

2 Posts
2 Users
0 Reactions
1,871 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: 5483
 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.