Welcome to the Question2Answer Q&A. There's also a demo if you just want to try it out.

on site notifications plugin it appears bigger than mobile screen

+4 votes
160 views
asked Sep 11, 2015 in Plugins by Aras Ahmed

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 ?

 

 

Q2A version: 1.7.1

1 Answer

+1 vote
answered Sep 13, 2015 by q2apro
selected Sep 13, 2015 by Aras Ahmed
 
Best answer
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.
commented Sep 13, 2015 by Aras Ahmed
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;
    }
    
}
...