#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...
Bell/Notification I...
 
Share:
Notifications
Clear all

[Solved] Bell/Notification Icon Has Disappeared From Mobile Browser

    Last Post
RSS

vetxgames.com
Posts: 20
 vetxgames.com
Topic starter
January 23, 2021 10:12 am
(@veteran-x)
Eminent Member
Joined: 1 month ago

After customizing the layout of the mobile forum menu, the "bell" icon has disappeared from the mobile browser and I can't get it to return. (The desktop browser displays the bell just fine) See attachment for reference. Thanks for any help in advance

 Screenshot_20210123-050816.png

If you love video games, come drop by and say hello! 😀
www.vetxgames.com/community/

Topic Tags
Mobile
6 Replies
Sofy
Posts: 4057
Sofy - Facebook Sofy - Twitter
 Sofy
Admin
January 23, 2021 11:43 am
(@sofy)
Support Team
Joined: 3 years ago

@xcoleman17,

Please leave your forum URL. 

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.

5 Replies
vetxgames.com
 vetxgames.com
(@veteran-x)
Joined: 1 month ago

Eminent Member
Posts: 20
January 23, 2021 11:45 am
Reply toSofySofy

@sofy

Okay no problem, www.vetxgames.com/community

If you love video games, come drop by and say hello! 😀
www.vetxgames.com/community/

Sofy
 Sofy
Admin
(@sofy)
Joined: 3 years ago

Support Team
Posts: 4057
Sofy - Facebook Sofy - Twitter
January 23, 2021 12:21 pm
Reply tovetxgames.comvetxgames.com
Sofy

@xcoleman17,

Use this CSS code as well. 

@media screen and (max-width: 620px){
#wpforo #wpforo-wrap #wpforo-menu .wpf-menu li a {
padding: 3px 6px;
}
#wpforo #wpforo-wrap #wpforo-menu li a {
font-size: 10px;
font-weight: 100;
}
#wpforo #wpforo-wrap #wpforo-menu .wpf-menu, #wpforo #wpforo-wrap #wpforo-menu #wpf-menu{
width: 203px;
}
}

Don't forget to 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.

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.

vetxgames.com
 vetxgames.com
(@veteran-x)
Joined: 1 month ago

Eminent Member
Posts: 20
January 23, 2021 6:36 pm
Reply toSofySofy
vetxgames.com
Sofy

@sofy

okay thanks, so far the code works well but if I adjust the responsiveness of the page sometimes the icons will overlap the menu tabs (see attachment, this is based upon a 360px x 697px screen), is there anyway for the bell to automatically adjust based upon how its being viewed?

 responsivemenu.JPG

If you love video games, come drop by and say hello! 😀
www.vetxgames.com/community/

Sofy
 Sofy
Admin
(@sofy)
Joined: 3 years ago

Support Team
Posts: 4057
Sofy - Facebook Sofy - Twitter
January 25, 2021 1:55 pm
Reply tovetxgames.comvetxgames.com
Sofy
vetxgames.com
Sofy

@xcoleman17,

If you display the menu on mobile it'll cause this kind of issues. It's not possible to display the full menu on mobile without this kind of problems. You should either remove the code that displays the full menu on moble or solve the issue yourself. 

Please note, that we don't provide support for style customization, we may help in 1-2 simple questions related to colors and background but not more. We can not help you customize all components of forum style, these are custom requirements and should be done by forum owners. We only help with general questions and issues.

Thank you for your understanding.

You can find all classes by pressing F12 on the browser and opening Chrome or Firefox Console:

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.

vetxgames.com
 vetxgames.com
(@veteran-x)
Joined: 1 month ago

Eminent Member
Posts: 20
January 29, 2021 9:11 pm
Reply toSofySofy
vetxgames.com
Sofy
vetxgames.com
Sofy

@sofy

totally understand! Thanks so much for your help I managed to find a solution to my issue by playing around with this custom CSS code:

#wpforo #wpforo-wrap .wpf-bar-right {
min-width: 170px;
}

I am a lot more comfortable with customizing the site now. Thanks again for the insight

If you love video games, come drop by and say hello! 😀
www.vetxgames.com/community/

Sofy liked
  All forum topics
  Previous Topic
Next Topic  
Related Topics
  • No login/register on mobile
    1 month ago
  • Someone loyalots
    3 months ago
  • How to Change Login Page Margins With Facebook Login Enabled?
    5 months ago
  • facebook login on mobile not showing
    7 months ago
  • Mobile styling is not matching desktop styling
    9 months ago
Topic Tags:  Mobile (20),

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

  • Widget wpForo Recent Posts does not work well

    By st7878, 2 hours ago

  • Forum page loading issue

    By Muhammad Umar Farooq, 18 hours ago

  • Not able to use any of the tools (such as like, solved, approve, delete, etc.) in a post

    By JNew, 19 hours ago

  • Public Forum & Forums Not Displaying

    By Stacy, 20 hours ago

  • Foro "moves" in Mobile devices as Admin

    By Jesus, 1 day ago

  • Disabling Add Topic option

    By WeAreThe99, 1 day ago

Topic Tags

  • new features43
  • seo40
  • translation37
  • plugin conflict36
  • forum36
  • buddypress33
  • login33
  • registration30
  • threaded layout30
  • ultimate member29
  • moderation28
  • editor25
  • avatar24
  • menu24
  • shortcode24
  • css24
  • tags22
  • profile22
  • migration20
  • url20
View all tags (1514)

Recent Posts

  • RE: Can users add an image for their signatures?

    @tutrix Danke!! Youre a legend

    By Percysgrowroom, 14 mins ago

  • How to edit profile location select box

    Hi, It's possible to edit the country's select box li...

    By SpidiMan, 24 mins ago

  • RE: Not able to use any of the tools (such as like, solved, approve, delete, etc.) in a post

    @Sofy, Thank-you for pointing me to those topics that...

    By JNew, 1 hour ago

  • Widget wpForo Recent Posts does not work well

    I created (registered) a new test-user. It shows a very...

    By st7878, 2 hours ago

  • RE: 1st load layout issue

    Here after the refresh:  Schermafbeelding-2021-0...

    By JMS, 2 hours ago

  • RE: How to stop profile spam?

    @sofy Thank you. I will test... This tutorial works...

    By st7878, 3 hours ago

  • RE: CPT count in Blog Activity Data

    Hi @jarruego, Please follow the steps below: 1. Cus...

    By Sofy, 3 hours ago

Share:
  Forum Statistics
20 Forums
8,034 Topics
40.2 K Posts
3 Online
15.5 K Members

Latest Post: Can users add an image for their signatures? Our newest member: Kirara 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