• Resolved purityboy83

    (@purityboy83)


    hi

    I use wordpress + bbpress + buddypress and use Buddy Notification Bell plugin

    My site’s bell location is at the top of the menu
    I want to be in the middle of the menu

    My Site is now Ref img link : https://ibb.co/pKPmKnn

    I want to like that : https://ibb.co/fMjx2fh

    I need help so I can modify this

    Best Regards,
    Hyunho

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Author 1naveengiri

    (@1naveengiri)

    Hello @purityboy83

    Thanks for using the plugin.

    Sometimes theme style conflicts with it.
    I can help you, please provide the site URL.

    Regards
    Naveen Giri

    Thread Starter purityboy83

    (@purityboy83)

    Hi @1naveengiri

    Thanks for help

    Let me know your email address
    i will send you the site address by email.

    Best Regards,
    Hyunho

    Plugin Author 1naveengiri

    (@1naveengiri)

    It’s 1naveengiri at gmail.com

    Thread Starter purityboy83

    (@purityboy83)

    hi @1naveengiri

    I sent an email to you,so checked the receipt of the email?

    Best Regards,
    Hyunho

    Plugin Author 1naveengiri

    (@1naveengiri)

    Thanks for your patience.

    Please try this snippet.

    
    .notification-bell-menu {
        line-height: 90px;
    }
    
    .notification-bell-menu .fa-2x{
        font-size: 1.4em;
    }
    
    @media only screen and (max-width: 768px) {
      .notification-bell-menu{
         float:none;
      }
    }
    
    Thread Starter purityboy83

    (@purityboy83)

    Hi
    @1naveengiri

    Thanks for your help
    1. PC version site is problem solved
    img : https://ibb.co/ZLkJP9N

    2.but mobile version of the site has grown in size
    this link is original (not insert css)
    https://ibb.co/7RHJgwJ

    this link is insert css : https://ibb.co/YWM2WCj

    .notification-bell-menu {
        line-height: 90px;
    }
    
    .notification-bell-menu .fa-2x{
        font-size: 1.4em;
    }
    
    @media only screen and (max-width: 768px) {
      .notification-bell-menu{
         float:none;
      }
    }

    I think you need to adjust the size on your mobile.

    Best Regards,
    Hyunho

    Thread Starter purityboy83

    (@purityboy83)

    Hi @1naveengiri

    Could you check the pc screen once more?

    Best Regards,
    Hyunho

    Thread Starter purityboy83

    (@purityboy83)

    Hi @1naveengiri

    Did you have good weekend?

    Any Update Please?

    Best Regards,
    Hyunho

    Plugin Author 1naveengiri

    (@1naveengiri)

    as we synched, this code working as expected on your site.

    
    .notification-bell-menu {
        line-height: 90px;
    }
    
    .notification-bell-menu .fa-2x{
        font-size: 1.4em;
    }
    
    @media only screen and (max-width: 768px) {
      .notification-bell-menu{
    	     float:none;
    	       line-height: 40px;  
    	}
    }
    

    I will close this ticket.

    Thread Starter purityboy83

    (@purityboy83)

    Hi

    It is a very good plugin

    Your help is perfect too.

    Thank you

    Best Regards,
    Hyunho

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘want Bell position to middle’ is closed to new replies.