CSS responsive design in mobile is not working on uc browser and opera mini [closed]

Question

Responsive website on UC and opera min browser not working properly(we used media query for responsive design). i searched around it i found some links:

css responsive design in mobile is not working

responsive website design is not working on mobile phone

but no success. Any help will be appreciated.... Thanks

UPDATE

We are viewing on google nexus-5.

website works properly on google chrome but not on UC and opera mini browser.

we are using below meta tag in our html

website is live please check on you mobile device(browsers: UC and Opera mini)

https://www.urbanbinge.com/#!/

Answer 1

Opera mini and UC Browser have partial support for Javascript and it does not support 3d tranformation used for responsive menus e.g used by Foundation and Bootstrap frameworks (as these browsers are also not mentioned in their compatibilty list). Also they do not load gifs, you have to use svg images in place of that because both compress their assets before loading which make it much faster in compare to other browsers.

You can check below link for Opera Mini and UC Browser respectively:

https://dev.opera.com/articles/opera-mini-content-authoring-guidelines/

http://forum.ucweb.com/forum.php?mod=viewthread&tid=871055

You can fix that by detecting both browsers and fixing it by using HTML with jQuery Mobile.

Hope this will help you.

Answer 2

if babel is used with react preset of react-transform-remove-inline-elements then your javascript will not run in mobile UC browser. I found this issue when using react-starter-kit by Kriasoft.