Mobile Friendly

That’s being caused by this custom CSS:

.site-content {
    width: 1300px;
}

If that CSS is totally necessary, you might be able to do this:

@media (max-width: 768px) {
    .site-content {
        width: 100%;
    }
}

i guess i was looking at something one time and i have all this now, do i need all that

.site-content {
    width: 1300px;
}

body .grid-container {
    max-width: 1300px !important;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px !important;
}

@media (max-width: 768px) {
    .site-content {
        width: 100%;
    }
}

ok i looked and most of my results dont have the message but all of a sudden therell be one, but there the same page as every other page on my site

https://ampreviewer.com/blackstar-id-core-100-review

• This reply was modified 6 years, 11 months ago by hairyp.
• This reply was modified 6 years, 11 months ago by hairyp.

that one has the message

What was this CSS fixing?:

.site-content {
    width: 1300px;
}

Perhaps we can find a more responsive way?

im not sure if i had that in there by itself and then added the rest. i like all my sites at 1300px fixed. that makes it fixed so i took this out

max-width: 1300px !important;

i still have the couple pages that show up as not mobile friendly, but the majority of them are like i already mentioned. its obviously a big deal to me i rank on the first page for the url above and wouldnt want to lose sales.

Using a fixed width like that will always break the responsive aspect of your website. If you go to any page on your site and reduce the browser width, you’ll see the site doesn’t resize down like it should.

If you remove that CSS, it should fix it.

if 80% of the pages are mobile friendly and the ones are not, i think youre wrong

You could definitely be right, but it’s worth testing. Have you taken a look without that code yet?

Let me know ??

no im not gonna change my width

I just ran a handful of your pages through Google’s mobile testing tool: https://search.google.com/test/mobile-friendly

They all came back mobile friendly.

Can you tell me the specific pages that are failing the test? Then I’ll be able to inspect the code to try to find the difference.

Thanks!

it said it was fine on the site you posted, ive never used it. but for actually on google, like i said they mostly are fine but this one page

https://ampreviewer.com/blackstar-id-core-100-review

it shows in the results

https://www.imagebam.com/image/b0200b817380553

The test I linked to is from Google, so the fact it’s showing that it’s mobile friendly now is good.

It’s possible that they haven’t crawled the site since we made that adjustment above.

You can try contacting Google (I believe Google Search Console has a submit for review feature). That way you can show them the mobile test results and ask them to make sure everything is ok on their end to remove the label.

its gets crawled like every 15 minutes

You may need to contact Google then. Their own tool is telling us the page is mobile friendly, so they might need to do something on their end to remove the label from your site.