Mobile app version of vmapp.org
Login or Join
Radia820

: Google Cache: Blank Page (Responsive Design) I've been aware of this issue for sometime but sadly not had the downtime to address, but I want to ensure that its actually a problem before wasting

@Radia820

Posted in: #Cache #Google #GoogleCache #GoogleIndex #ResponsiveWebdesign

I've been aware of this issue for sometime but sadly not had the downtime to address, but I want to ensure that its actually a problem before wasting my time. The problem that I have is that Google's cache displays a blank page, but heres the thing, if you reduce the VIEWPOINT the page displays fine.

Basiclly my website uses 3 media queries that define the navigation of the site, like so:


Small Screens (max-width: 40em) uses a Hamburger Menu
Medium Screens (max-width: 64em) uses a standard top bar menu
Large Screens (min-width: 64.063em) uses a custom slide menu


Both the Small and Medium viewpoints work using the cached version but sadly the Large does not, Bing works absolutely fine! so this brings me to the question(s):


Should I be concerned by this?
What's causing this to happen?

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Radia820

1 Comments

Sorted by latest first Latest Oldest Best

 

@Heady270

I think the cause are your media queries. Google crawls with different settings and after it realizes, there are media queries, it crawls with user agent, which display size is lower as full screen.

I tested this issue at Chrome and FF: the page begins to be displayed after the window is resized to 1026px width: it seems like would your media queries hide the content after 1026px:

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme