Mobile Menu - How-to and Troubleshooting - wpForo 2.0

RE: Mobile Menu

Sofy — Thu, 16 Apr 2020 09:09:00 +0000

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

RE: Mobile Menu

jwhit16 — Wed, 15 Apr 2020 16:48:32 +0000

@sofy thanks it's https://gigsharks.com/community/

RE: Mobile Menu

Sofy — Wed, 15 Apr 2020 07:14:02 +0000

Hi @jwhit16,

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

Mobile Menu

jwhit16 — Tue, 14 Apr 2020 19:39:15 +0000

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