Notifications
Clear all

wpForo 1.x.x [Solved] Top Menu not clickable on Mobile

12 Posts
3 Users
0 Reactions
1,051 Views
Posts: 6
Topic starter
(@goalkeepersanonymous)
Active Member
Joined: 5 years ago

Hi guys,

 

For my site goalkeepersanonymous.com , the top menu or 3 lined button for navigation does not work when it is clicked. I have tried several suggestions in different forums but none seem to work. Any help would be much appreciated, Thank You:)

11 Replies
Tutrix
Posts: 1496
(@tutrix)
Noble Member
Joined: 5 years ago

@goalkeepersanonymous

try this
navigate to Dashboard > Appearance > Menus admin page, then create a Menu

Getting Started > Forum Menu

 

2 Replies
(@goalkeepersanonymous)
Joined: 5 years ago

Active Member
Posts: 6

@tutrix thanks for your reply. I have a menu created and it works fine on a desktop or tablet. It is the mobile version of the top menu that does not have a responsive "navicon". Nothing happens when it is clicked.

Tutrix
(@tutrix)
Joined: 5 years ago

Noble Member
Posts: 1496

@goalkeepersanonymous

there is no menu on desktop or mobile

only the search icon is visible

<div id="wpforo-menu">
<div class="wpf-left" style="display:table-cell">
<span class="wpf-res-menu"><i class="fas fa-bars"></i></span>
</div>
<div class="wpf-bar-right wpf-search">
Posts: 6
Topic starter
(@goalkeepersanonymous)
Active Member
Joined: 5 years ago

For me I have a menu on both but it doesn't work on mobile

3 Replies
Tutrix
(@tutrix)
Joined: 5 years ago

Noble Member
Posts: 1496

@goalkeepersanonymous

yes you have an empty mobile menu, so there is nothing to click

I tested your website with several browsers, all have just an empty menu, only the search icon is visible

please make a screenshot from you full foro desktop menu

Alvina
Moderator
(@alvina)
Joined: 5 years ago

Member
Posts: 1862

@goalkeepersanonymous,

We see the issue. We are going to check it. Please wait a bit, I'll update the topic asap.

(@goalkeepersanonymous)
Joined: 5 years ago

Active Member
Posts: 6

@alvina thank you 

Tutrix
Posts: 1496
(@tutrix)
Noble Member
Joined: 5 years ago

@goalkeepersanonymous

ok, now I see one menu item (Members)

and I see the problem, your Mega Menu override the css class from wpforo Menu

<ul id="wpf-menu" class="menu accesspress_mag_mega_menu">
<ul id="wpf-menu" class="wpf-menu">
3 Replies
(@goalkeepersanonymous)
Joined: 5 years ago

Active Member
Posts: 6

@tutrix how do i fix this problem?

Tutrix
(@tutrix)
Joined: 5 years ago

Noble Member
Posts: 1496
Posted by: @goalkeepersanonymous

@tutrix how do i fix this problem?

wait for Alvina's answer 😉 

i am only a hobby programmer 😀 , but i would open the wpforo > wpf-includes > class-template.php at line 1520

 function nav_menu(){
if ( has_nav_menu( 'wpforo-menu' ) ){
$defaults = array(
'theme_location' => 'wpforo-menu',
'menu' => '',
'container' => '',
'container_class' => '',
'container_id' => '',
'menu_class' => 'wpf-menu',
'menu_id' => 'wpf-menu',
'echo' => true,
'fallback_cb' => 'wp_page_menu',
'before' => '',
'after' => '',
'link_before' => '',
'link_after' => '',
'items_wrap' => '<ul id="%1$s" class="%2$s">%3$s</ul>',
'depth' => 0,
'walker' => ''
);
wp_nav_menu( $defaults );
}
}

 

and


<ul id = "% 1 $ s" class = "% 2 $ s">% 3 $ s </ul>

replase with


<ul id="%1$s" class="wpf-menu">%3$s</ul>

 

you can try it at your on risk

(@goalkeepersanonymous)
Joined: 5 years ago

Active Member
Posts: 6

@tutrix thank you for this. It worked! I just need to figure out why only "members" is showing. Thank you for your help!