on site notifications plugin it appears bigger than mobile screen

Question

Hello,

I am using "on_site_notifications" plugin it appears bigger than mobile screen  , Its width is bigger than mobile screen width how to resolve it ?

 

 

Answer 1

That is not easy to solve. Problem is that the notification div gets orientation according to the (notify icon).

You could try to add some CSS:

/* smartphones */
@media only screen and (max-width:480px) {

    #nfyWrap {
        left: auto;
        right: 0px;
        width: 380px;
    }
    #osnbox {
        position: static;
    }
    
}

 

Let me know if this works.

Comments

Yes, that is good but after some changes I did make to be :


/* smartphones */
@media only screen and (max-width:480px) {

    #nfyWrap {
        right: auto;
        left: 0px;
        width: 300px;
    }
    #osnbox {
        position: static;
    }
    
}