Welcome to the Question2Answer Q&A. There's also a demo if you just want to try it out.
+4 votes
178 views
in Plugins by

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
by
selected by
 
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.
by
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;
    }
    
}
...