Media Query is not working

Vicky_Arora

Hello

I have installed the oneall social plugin in my site http://dev.norlahealthcare.co.uk.gridhosted.co.uk/free-trail.
I am using the custom css for the the icons.
here is the link of the css : http://dev.norlahealthcare.co.uk.gridhosted.co.uk/wp-content/themes/plexus-child/css/one_all.css

Please review and let me know if you can resolve the issue. i will appreciate if you can resolve this for me.You can revert back on webexpert4rv@gmail.com

Thanks

Fred_Pinel

Hi,
Not sure if this will help, the icons are displayed within an iframe which is rendered by some JS. Your custom CSS is used in this iframe.
So, you could try to either set the media queries within your custom CSS, or make your media queries for the root document (containing the iframe) apply to the iframe too.

Hope this helps.

Vicky_Arora

Hi,

Thanks for your help!!
Please check the screenshot of the css that i am adding for the responsiveness .
http://www.awesomescreenshot.com/image/853856/d9c69a4f4ca7727f3e2e5df9251eb724

I have also tried it with iframe as iframe .classname, but not working on mobile devices.the csss i am adding for iphone is showing on the desktop.

Please let me know what is the issue

Thanks

Vicky_Arora

You can access the files if you want:

http://dev.norlahealthcare.co.uk.gridhosted.co.uk

https://control.gridhost.co.uk/members/
U/n removed
P/w removed

The dev.norlahealthcare folder, the name of the custom css is One_all.css

Fred_Pinel

Hi,
Sorry for delay, perhaps this is already fixed.
The media queries on your site seem to be applied.
But, are the media rules correct?

Regards.