#1 WordPress forum plugin created by gVectors Team

wpForo – WordPress Forum Plugin
  • Home
  • Forum
  • Migrate to wpForo
  • Addons
  • Documentation

Forum

Home | Forum

wpDiscuz - WordPress Comment Plugin
  • Forums
  • Members
  • Recent Posts
Forums
Main Support Forums
How-to and Troubles...
On mobiles how to s...
 
Share:
Notifications
Clear all

[Solved] On mobiles how to show full top menu, so all links are visible and not the menu button?

    Last Post
RSS

mplusplus
Posts: 124
 mplusplus
Topic starter
August 27, 2020 4:27 am
(@mplusplus)
Estimable Member
Joined: 1 year ago

Hi there

On mobiles how to show the full top-menu, so all links are visible (and not the menu button)?

Thank you.

Topic Tags
mobile menu
4 Replies
Alvina
Posts: 1883
Alvina - Facebook Alvina - Twitter
 Alvina
Moderator
August 28, 2020 12:39 pm
(@alvina)
Member
Joined: 1 year ago

Hi @mplusplus,

Please try the following code:

@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;
}
#wpforo #wpforo-wrap #wpforo-menu .wpf-menu, #wpforo #wpforo-wrap #wpforo-menu #wpf-menu a{
font-size:10px !important;
}
#wpforo #wpforo-wrap #wpforo-menu .wpf-res-menu i {
padding: 2px 12px;
}
}

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

 

In case you want to say thank you !)
We'd really appreciate and be thankful if you leave a good review on plugin page. This is the best way to say thank you to this project and support team.

mplusplus
Posts: 124
 mplusplus
Topic starter
August 28, 2020 11:02 pm
(@mplusplus)
Estimable Member
Joined: 1 year ago

Hi again,

On mobiles, this is hiding the menu items on right. Is it possible to change the code to wrap the menu on mobiles, please?

Thanks.

2 Replies
Alvina
 Alvina
Moderator
(@alvina)
Joined: 1 year ago

Member
Posts: 1883
Alvina - Facebook Alvina - Twitter
August 29, 2020 10:53 am
Reply tomplusplusmplusplus

@mplusplus,

Please delete the code provided  above and use the following one.

@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;
}
#wpforo #wpforo-wrap #wpforo-menu .wpf-menu, #wpforo #wpforo-wrap #wpforo-menu #wpf-menu a{
font-size:10px !important;
}
#wpforo #wpforo-wrap #wpforo-menu li a{
padding: 15px 17px;
}
}

However you'll still need to do some CSS  customization as well.

As far as the wpForo menu is a regular WordPress menu I'd also suggest you use some additional plugins for this. I've found the following plugin. Please checked it. Probably it'll allow to get your issue resolved.

WP Mobile Menu — The Mobile-Friendly Responsive Menu:  https://wordpress.org/plugins/mobile-menu/

In case you want to say thank you !)
We'd really appreciate and be thankful if you leave a good review on plugin page. This is the best way to say thank you to this project and support team.

mplusplus liked
mplusplus
 mplusplus
(@mplusplus)
Joined: 1 year ago

Estimable Member
Posts: 124
August 29, 2020 10:39 pm
Reply toAlvinaAlvina
mplusplus

@alvina

Thank you so much. This worked like a charm 🙂

Alvina liked
  All forum topics
  Previous Topic
Next Topic  
Related Topics
  • [Help] How To Remove The Hamburger Icon From Mobile Browser And Show The Full Menu
    1 month ago
  • Mobile Menu
    11 months ago
  • drop down menu
    1 year ago
Topic Tags:  mobile menu (4),

Forum Search

Join Us!

Download wpForo plugin
on WordPress.org

wpForo Addons

wpforo-private-messages  wpforo-advanced-attachments-128x128  wpforo-embeds-128x128 wpForo User Custom Fields addon  wpForo – Blog Cross Posting addon  wpForo Ads Manager
View all Addons »

Recent Topics

  • Script Add Search box to any place

    By aflamerich, 11 hours ago

  • Publication on facebook, how to link to foro particular post?

    By Jesus, 15 hours ago

  • ProfileGrid as default Profile Page

    By brenni, 17 hours ago

  • Email Notifications For Users

    By TheVibeDesign, 1 day ago

  • Style Size of avatar and icon

    By vit.hofman, 2 days ago

  • Problema con el contador de visitas.

    By Ramon, 2 days ago

Topic Tags

  • new features43
  • seo39
  • forum38
  • plugin conflict37
  • translation37
  • buddypress33
  • login33
  • ultimate member30
  • registration30
  • threaded layout30
  • moderation28
  • avatar26
  • editor25
  • menu24
  • shortcode24
  • css24
  • tags22
  • profile22
  • migration20
  • url20
View all tags (1544)

Recent Posts

  • RE: Mobiel app (android / iOS)

    I’d second that as an ide.

    By marsm, 44 mins ago

  • RE: New users cannot attach files in topics and comments

    @hector take a look Dashboard > Forums > Tool...

    By Tutrix, 54 mins ago

  • How to start a forum?

    I'm sorry if the post doesn't belong here. I don't know...

    By vit.hofman, 11 hours ago

  • Add Search box to any place

    Im not using menu bar in my design but I need to use th...

    By aflamerich, 11 hours ago

  • Publication on facebook, how to link to foro particular post?

    Hi, I just created a Facebook page for my piano website...

    By Jesus, 15 hours ago

  • RE: ManVal.ru

    Can you please tell me if I need to enable this item in...

    By alexas, 17 hours ago

  • ProfileGrid as default Profile Page

    Hello, I am looking to use the plugin ProfileGrid in ...

    By brenni, 17 hours ago

Share:
  Forum Statistics
20 Forums
8,071 Topics
40.4 K Posts
6 Online
15.6 K Members

Latest Post: Mobiel app (android / iOS) Our newest member: registersw88 Recent Posts Unread Posts Tags

Forum Icons: Forum contains no unread posts Forum contains unread posts

Topic Icons: Not Replied Replied Active Hot Sticky Unapproved Solved Private Closed

Powered by wpForo | Copyright © 2016-2021 gVectors Team
Copyright Registration Service - Click here for more information or to register work
wpForo is Registered with the IP Rights Office
Copyright Registration Service

Ref: 4477265538
  • Home
  • Forum
  • Migrate to wpForo
  • Addons
  • Documentation