Notifications
Clear all

wpForo 1.x.x Mobile Menu

4 Posts
2 Users
0 Likes
718 Views
jwhit16
Posts: 17
Topic starter
(@jwhit16)
Active Member
Joined: 2 years ago

Is there CSS available to remove mobile menu, or to not display as hamburger menu?

I have reduced my menu to only include "register" and "login" options. Can I make these links/buttons on the menu bar as opposed to including them in the drop down hamburger? Drop down is not ideal for so few options because it is just an extra step between a new user registering..

3 Replies
Sofy
Posts: 4057
 Sofy
Admin
(@sofy)
Support Team
Joined: 5 years ago

Hi @jwhit16,

Please leave your forum URL, we'll try to provide some CSS solution for you. 

Reply
2 Replies
jwhit16
(@jwhit16)
Joined: 2 years ago

Active Member
Posts: 17
Sofy
 Sofy
Admin
(@sofy)
Joined: 5 years ago

Support Team
Posts: 4057

@jwhit16

Use the CSS code below:

@media screen and (max-width: 620px){
#wpforo #wpforo-wrap #wpforo-menu .wpf-menu, #wpforo #wpforo-wrap #wpforo-menu #wpf-menu {
display:flex;
}
#wpforo #wpforo-wrap #wpforo-menu .wpf-res-menu {
display: none !important;
}
#wpforo #wpforo-wrap #wpforo-menu .wpf-menu, #wpforo #wpforo-wrap #wpforo-menu #wpf-menu {
position: static;
}
}

The CSS code should be added in the "Custom CSS code" textarea, located in the Dashboard > Forums > Settings > Style Tab. 

Also, please try on incognito mode if you're checking on mobile devices. Because mobile browsers have a hard cache, you'll not be able to see the change immediately.

Reply
Share: