Site all broken (no css?) on MOBILE, help!

  • Hi guys, I have been looking for hours for a solution, but I noticed recently that my site https://www.golfinsim.com/ on mobile is now showing super basic white background, 0 formatting, content only. Like if it is not loading any css at all. However I cant find out WHY..

    I wish I could view the equivalent of “chrome dev console” on my phone to see what exactly is it loading, but I dont know how. And on any type of mobile emulator the site shows crocked, but “ok”. I mean the site is 0 optimized for mobile, but at least a few weeks ago it was showing “ok”, now its like if mobile is showing wrong theme or something..

    Any ideas guys??

    By the way, if in mobile browser I select the option “request desktop site” it shows ok, but regular mobile not, in case this is of any help.

    Thanks, any help is appreciated!

Viewing 5 replies - 1 through 5 (of 5 total)

  • Are you using any plugins to create a mobile site? When I look at your site on my phone, your stylesheets are unusual. Here’s the first few lines of the stylesheet wp-content/themes/golfin/style.css?ver=3.9.2:

    < !doctype html><html lang="en"> <head> <meta content="width=device-width,initial-scale=1.0" name="viewport"><meta content="telephone=no" name="format-detection"><meta content="address=no" name="format-detection"> <link href="/images/apple-touch-icon-120x120.png" rel="apple-touch-icon" sizes="120x120"><link href="/images/apple-touch-icon-114x114.png" rel="apple-touch-icon" sizes="114x114"><link href="/images/apple-touch-icon-57x57.png" rel="apple-touch-icon"> <title>Google</title> <style>.no_outline a,
.no_outline div {
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.msb {
    position: relative
}

.msfo {
    padding-right: 38px
}

.msfi {
    background-color: #fff !important;
    border-color: #c7d6f7;
    border-style: solid;
    border-width: 2px 1px 2px 2px;
    border-right: none;
    margin-top: -1px;
    padding: 0;
    height: 35px;
    border: 1px solid #d9d9d9 !important;
    border-right: none !important;
    border-top: 1px solid silver !important;
    padding-right: 0
}
    Thread Starter gilbertgwp

    (@gilbertgwp)

    Hi Stephen, I SUPER appreciate your efforts to help me, but I just removed a BUNCH of plugins, and still cant find whats causing this. I even strangely cant find a reference to “apple-touch-icon-120×120.png” for example when doing a search on ALL files of website..

    Anyways I was wondering how are you able to view css code from your mobile? And do you have any other leads for me, something I can provide to you that can help you help me with the least amount of work from your side? Maybe the HTACCESS, or list of plugins or something.

    Anyways thats again, looking forward to your answer.

    Thread Starter gilbertgwp

    (@gilbertgwp)

    Also thats true I wanted to ask, what part of the css above do you think is responsible for broken css and layout on mobile?

    I mean if you compare what you provided above (that I dont know how you could see), with what you see in stylesheet from desktop : https://golfinsim.com/wp-content/themes/golfin/style.css?ver=3.9.2

    It’s obviously not that the code thats in the file..

    A little-known feature of Safari on iOS is that I can use desktop Safari’s Web Inspector on websites on my iPhone if the phone is plugged in via USB.

    As for your issue, I would first try switching to the default Twenty Fourteen theme and disabling all your plugins. Are you using any plugins that didn’t come from the official WP.org plugin repository? When I visit your theme’s stylesheet (https://golfinsim.com/wp-content/themes/golfin/style.css?ver=3.9.2) from my laptop’s browser, I see your stylesheet fine. When I visit on my iPhone, I get redirected through two Russian websites and then to Google.

    Yeah it appears your htaccess file has malware in it.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Site all broken (no css?) on MOBILE, help!’ is closed to new replies.

Tags