Responsive Issue (Detected by Google! Bad for SEO!)

[John De Fusco]

Your theme has a critical problem for mobile devices.

If you visit your demo, everything looks good (See attached 1) but, if you slide the screen horizontally the width is bigger than the screen (See attached 2).

We are using your premium version on 3 websites and all of them have the same issue. Also, Google Search Console is sending warnings everything day about this so we are being penalized.

Please fix it as soon as possible.

Thanks

Attachments:

You must be logged in to view attached files.

[Bidur]

Hello John,

Do you mean the landscape view? Could you please mention the actual device size?

Let us know.
Thanks!

[John De Fusco]

Hi Bidur,

No, portrait view.

I found this issue on my Samsung S7 Edge. The same was happening using the responsive feature on Google Chrome (See attached).

Apparently, you fixed the problem because I can’t see it in your demo now. Could you provide me an update to solve this on websites too? quiltsocial.com and knitmuch.com (Have the premium version).

I’m completely sure the problem is in your theme. I’ve already switched to your fresh theme (Not the child one) without any plugin and mobile version doesn’t work properly.

[Bidur]

Hello John,

The theme works fine however there is problem associated to the iframe you’ve been using for google ads.
Please find the screen shot below;
https://prnt.sc/lckdtj
https://prnt.sc/lckei9
https://prnt.sc/lckf1o

Please adjust the styles accordingly and let us know.

Best Regards,
Bidur

Attachments:

You must be logged in to view attached files.

[John De Fusco]

Hi Bidur,

No, that’s is not the problem. The responsive issue starts at 789px (See attached 1).

Here is happening too with no ads, no add to cart button, no sidebar:

– http://wordpress.needleworkz.com/

Your online demo had the same problem (See attached 2). I took that screenshot from your website just before submitting this ticket and now, it’s solved. How is that possible?

Even removing the sidebar on quiltsocial.com and knitmuch.com, the problem is still there.

I’ve checked every HTML element and there are no issues with their widths and margins/padddings.

Attachments:

You must be logged in to view attached files.

[Bidur]

Hello John,

For the quick fix, please add the following css inside the additional css section of your customizer;

@media screen and (max-width: 425px){
    #cir-logo-group, #cir-site-title-group {
        display: block;
        text-align: center;
    }
    .row {
        margin-left: 10px;
        margin-right: 10px;
    }
}

Let us know.

Best Regards,
Bidur

[John De Fusco]

Hi Birdur,

Done but it doesn’t solve the problem (See attached 1). I applied the changes on http://wordpress.needleworkz.com/

I’ve testing my websites and your online demo. The problem could be related with the admin bar, it flows very weirdly with the responsive.

Attachments:

You must be logged in to view attached files.

[Bidur]

Hello John,

We don’t see any changes with the styles on your website.
For your information again,
1. Go to Dashboard>>Appearance>>Customize>>Additional css
2. Paste the above css and
3. Save it
Now reload the page and you’ll see the changes.

Please clear browser’s cache and do a hard reload after you save the changes.

Let us know.
Thanks!

[John De Fusco]

Hi Bidur,

Done but nothing changed.

Could you have a look?

[Bidur]

Hello John,

There is no issue with the front end in logged out case. The problem seems to be with the login.
Could you please email us you backend login details so we can have a look?(Email: [email protected])

Thanks!

[Author]

Posts