Responsive Issue

  • There’s some strange issue with my website which I am not able to solve. Here’s the website I am working on triadmarketingservices.com

    So, the problem is with it’s responsive. If you test the responsive using online tools, the website looks absolutely fine whereas when opening it in a mobile device, what I see is a wrecked website. Now, the turning point, if you open the desktop version website on mobile, surprisingly it looks exactly the same as it looks on the responsive testing tools.

    I think the CSS being used for the mobile version is not the correct. It should be changed with the CSS used for the desktop version.

    I also think that this is the issue from server side, but I am not sure.

    I seek help from experienced minds out there.

Viewing 10 replies - 1 through 10 (of 10 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Using Chrome’s mobile emulation tools, I can see this on mobile: https://snag.gy/tlLlM.jpg Is this what you’re referring to as being wrecked?

    Thread Starter zubair88

    (@zubair88)

    Yes, Andrew, this is what I am referring to as being wrecked. If you open the website in mobile using the option of “Request Desktop Site”, it looks absolutely fine. That is how I want the site to look like normally in the mobile devices.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Try deactivating all of your plugins to explore whether any could be responsible. If none are, keep all plugins deactivated and switch to the Twenty Fifteen/ Fourteen theme to see whether it could an issue with your theme.

    Thread Starter zubair88

    (@zubair88)

    Ok sir. I’ll be back in 5 minutes.

    Thread Starter zubair88

    (@zubair88)

    I think the culprit was Theme Junkie’s Custom CSS.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Is that a theme that you’re using? Theme Junkie?

    Thread Starter zubair88

    (@zubair88)

    No, it’s a plugin for custom CSS. The issue is still there. Tried to uninstall all plugins and installed all of them one by one but nothing happened.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    From what I can see, there are some styles in the <head> of your page causing the issue. E.g. some of these:

    .innovationlite-top-menu-items #searchform {margin-left:-40px;}
.innovationlite-top-menu-items {margin-right:-25px;}
.contact-us > a { color:#f28d04;}
a.su-button.su-button-style-default { margin-right:1%; margin-top:-2%; margin-bottom:0;}

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    This code doesn’t seem to exist on desktop.

    Try asking your hosting providers to see if they’re doing some sort of custom mobile website.

    Thread Starter zubair88

    (@zubair88)

    @andrew I am still struggling to solve the issue. I tried to create the same homepage, using the same theme and same custom CSS. surprisingly it worked and the homepage was opening fine in the mobile devices. I came to the conclusion that problem is from the hosting side. I spoke to my client about it but he disagreed with the reason, saying that if the problem is with hosting, why not my other sites are getting affected.

    I am not sure how to solve the issue. The client said that the issue is with the theme, it has virus. But if this was true, I would have faced the same issue in the same homepage I created on another domain.

    You can see it here – buygrindingwheel.in

    Please help me out!

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Responsive Issue’ is closed to new replies.