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 [Solved] Top Menu not clickable on Mobile

12 Posts
3 Users
0 Reactions
1,256 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: 1522
(@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: 1522

@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: 1522

@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: 6 years ago

Member
Posts: 1861

@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: 1522
(@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: 1522
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!