Wordpress bootstrap not responding properly on the phone - css

i installed a bootstrap theme and tried to match my bootstrap site to the blog
checkout [jamaicainn.com][1]
the problem is when i am resizing the browser to see how it looks on mobile, the theme works. But it doesn't work properly on the actual mobile phone.

Related

Is there a way to get HTML 5 video to work on mobile safari | WP CMS with Slider Revolution

I have a website that is using the slider revolution plugin to run an HTML5 video in the background of the hero (no sound) and it works fine on desktop. I'm trying to make it work on mobile as well, and I know there was a previously referenced code here that makes this work, however I'm not sure of how to implement this using the plugin.
Nothing yet, I tried looking up previous threads with this topic but none were geared towards WP

acf is breaking mobile menu on iphone

On this site, on my iphone only (but not responsive view or emulators) my mobile hamburger menu is broken if ACF plugin is activated
https://beechers.darkstarmedia.net/
I have tested this extensively, the problem is 100% the ACF plugin. Is there some sort of jquery conflict with the plugin?
it works on my apple PC safari, chrome, firefox, regular and responsive mode. iPhone Simulator, Andriod studio.. just not an iphone
You are running 2 versions of jQuery.
Try removing your manually added 3.3.1 or set WordPress not to load the 3.6.0 min.js .
Looks like rocket-loader isn't seeing jQuery. I'm assuming its the Cloudflare plugin? if so, could try disabling it. –

Wordpress Themify Responsiveness Issue

I am running a WordPress site using the Themify Basic theme. When I enable the responsive feature, the social links cover my logo and current posts appear before my content, which is seriously hurting my bounce rate.
If I turn it off, it looks awesome, but doesn't pass google mobile friendly tests. Any fix recommendations?
To my understanding this is a common issue with responsive themes.
(I am not super code savvy)
with responsive
without responsive

wordpress site not rendering correctly on mobile for any theme

I am new to wordpress, 10 days to be exact, My website does not render correctly on mobile devices no matter which theme i use. It displays strange i.e. some css issue and at the end is a button to switch to web view... when i click web view then it renders correctly.
Apparently web version works fine and responsive but mobile version which loads by default on mobile devices is not rendering correctly.
I have tried deactivating all plugins, switching between different themes, installing/uninstalling wptouch and jetpack, checking page source for viewport issues etc but of no use. I did not create this site but I am asked to fix this issue.
At the moment I am not using any plugin for responsiveness, theme is responsive.
url to the website : http://www.locksmithsdubai.com
let me know if you want to see code of any file from my wordpress site.

Images dissapearing on mobile device (wordpress theme)

The site http://smirit.org/ has got a responsive wordpress template, but the images dissapear (after a few seconds) when you visit the site on a mobile device. Images in header (logo) and slider (bottom).
The original theme doesnt do this, check http://organicthemes.com/demo/profile/
Anyone got an idea?
-- EDIT
It appears that when I use images from an other server they do work. But it's not the server's problem because images on a normal browser work fine.
Try Installing WP mobile Detector Plugin which provide you with themes with Images supported...

Resources