Theme Author
Tom
(@edge22)
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%;
}
}
Thread Starter
hairyp
(@hairyp)
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 ago by hairyp.
-
This reply was modified 6 years ago by hairyp.
Theme Author
Tom
(@edge22)
What was this CSS fixing?:
.site-content {
width: 1300px;
}
Perhaps we can find a more responsive way?
Thread Starter
hairyp
(@hairyp)
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.
Theme Author
Tom
(@edge22)
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.
Thread Starter
hairyp
(@hairyp)
if 80% of the pages are mobile friendly and the ones are not, i think youre wrong
Theme Author
Tom
(@edge22)
You could definitely be right, but it’s worth testing. Have you taken a look without that code yet?
Let me know 🙂
Thread Starter
hairyp
(@hairyp)
no im not gonna change my width
Theme Author
Tom
(@edge22)
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!
Thread Starter
hairyp
(@hairyp)
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
http://www.imagebam.com/image/b0200b817380553
Theme Author
Tom
(@edge22)
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.
Thread Starter
hairyp
(@hairyp)
its gets crawled like every 15 minutes
Theme Author
Tom
(@edge22)
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.