my responsive design doesn't work on tablet/mobile - css

For week's now I can't figure out why my site is designed to be responsive, is everything right and laptop works perfectly even when put in a small size and then step into my mobile and is not responsive.
I've tried uninstalling the plugins, I changed the theme and not find out why.
Can you held me?
The website is: moinhodocomandante.com
Thanks for your atention,
Catarina

Unless you are intentionally trying to send your mobile users to dubious porn websites, my guess is that your site has been compromised. Lucky for you it has been poorly compromised and it is only breaking the page instead of displaying the ads/redirects.
To verify this, put your browser in developer mode and switch to mobile emulation and look at the network tab.
Without knowledge of your limitation, I cannot recommend any measures for cleaning up the compromise, but consider disabling every plugin and upgrading WP. It looks like every single call to a CSS file by your plugins gets redirected to something nefarious.

Related

Mobile site CSS looks different in devtools to actual devices, and I can't find the override

I am working on a wordpress/woocommerce website (using the Flatsome theme if it's important) and I am having some CSS issues with the mobile menu overlay. When I preview my mobile site using chrome dev tools everything looks as expected (centered options, large enough to be easy to use, etc) but when viewing the site on actual devices the menu is being forced edge-to-edge in a small, cramped, italicized font. I cannot seem to figure out where it's being overridden, or why it looks different from dev tools to actual use.
This is what it SHOULD look like according to dev tools:
MENU-CHROME-EMULATION
But this is what is ACTUALLY looks like:
MENU-ACTUAL-ANDROID
My website is: TARGET-WEBSITE-CITRUSBOOKBINDERY
FOUND IT! It was actually a conflict with the SG Optimizer plugin rather than a CSS issue, which is why I couldn't find it for so long. I thought I had checked all my plugins, but must have missed that one out. I'll leave the question up in case it can help someone else, though.

Previewing Changes in Bigcommerce Mobile Template

Hopefully someone can help me out with this. I've been tasked with giving a mobile template an overhaul on a site that uses BigCommerce.
Does anyone know of an IDE or a windows based browser that would allow me to preview the changes that I make on the fly, preferably via Dreamweaver CC but this isn't a necessity.
Basically I want to completely revamp the homepage so that instead of having a mundane and dreary menu that take up the entire page, I'd like to change it so that I have responsive windows 8 like tiles that one could use to navigate the site.
Since BigCommerce is a paid service you are limited to what is available. You cannot simply download the site and run it on your localhost. I worked on one of those sites before, the best work around I found what to edit in google chrome's inspect element and console "F12" - this way you can make changes directly to the site to see how they render. But keep in mind, F12 is after chrome builds the page and will not match the actual code all the time.

Wordpress site not rendering properly on mobile

I am a newbie to wordpress development and somehow managed to put together a website - http://www.checkgaadi.com.
However, I am simply not able to get this to work properly on a mobile device.
Have tried several plugins (e.g., WPtouch, WP Mobile detector etc.) which are supposed to help. Here when I tried WPtouch for the first time it went to a "mobile site" and was more or less responsive. There was also a button to switch to desktop site. I clicked this button and now I only see a distorted version of desktop website on mobile, but now I don't find the button to go back to mobile theme. I have tried deleting the plugin and reinstalling, deleting the "wptouch-data" folder etc hoping to clear the cache and several other tricks but nothing seems to bring back that button to switch between desktop and mobile themes.
Anyone who has some experience with WPtouch (or any other simple plugin you recommend) may perhaps tell me how to get that "switch mobile<->desktop" button back? For the moment I have disabled WPtouch on the website so you may not see it.
As a second option, it seems to me that only certain parts of the landing page need fixing (e.g., some CSS tinkering with the topmost part) and mostly it should be okay without really getting into the WPtouch stuff. Could someone please give me guidance with the CSS modifications needed to fix the issue?
Thanks so much.
Just click the "core settings" of Wptouch. Then you will see the general settings. There is a "Desktop / Mobile Switching" option under the "Landing page" option. Put a tick into "Show switch link in mobile view" box. I hope it will work for you

The customization content in iframe for Dynamics Crm got messed up for one customer. CSS does not respond correctly

I am working on Dynamics Crm plugin. We add some new customization in lead view page and some other new pages. All these customization happen in iframe. These UI customization works perfectly on our machines.
However, one of our customer is experiencing some ui issue. The weird thing is, when I opened their account from my computer, it looks alright. Somehow when they opened the same account in any computer in their company, it shows some messy stuff. Some Css are not respected.
The other fact is that when the customer opened their QA account using our plugin in their computer, nothing looks wrong.
We are using exactly the same version of IE (9.0.13). I am not sure if ie plugin could make a difference for ui customized within Iframe.
I am completely out of my mind. Does anyone ever experience similar thing or can someone provide any clue please? Many thanks.

How to force desktop mode in Wordpress when viewing in mobile phone?

I would like to ask how to force desktop behaviour in wordpress with mobile phones?
I have tried some plugins (http://wordpress.org/extend/plugins/wordpress-mobile-pack/, http://wordpress.org/extend/plugins/mobile-smart/, etc.) with no success.
I switched to desktop mode user agent on my phone with no success.
Wordpress site still shows in some mobile mode. Layout is different and some elements are even missing.
Any ideas? Thank you.
See, it all depends upon two things, first the theme you choose and then on mobile browser.
Let's discuss theme first, if its responsive theme, then it surely will change the layout of site and even might miss some div blocks.
And now a days most of the themes are responsive, they automatically adjust to mobile browser, even wordpress default theme twenty eleven and twelve are responsive.
Secondly, most of high end mobile browser are made to change the look of site, just to facilitate users and irritate developers (lol)
Well, i would suggest, please check it this theme responsive, if yes, make it static.
I just figured out how to do this. I found out accidentally that when you setup domain forwarding (and use masking) in GoDaddy, it will always show the desktop version of the site when you visit the domain on a phone. Now, you don't want to buy a different domain for every website you want to be "non-mobile". So, simply setup a sub-domain and forward it to your website (using masking). When you visit that subdomain on a phone, it will show the full desktop version. Hope this helps you as much as it helped me :)

Resources