From Friday July 1, 2022 we're moving accounts that were created before April 20, 2022 to our updated pricing model.
Under the updated pricing model, we've grouped Surveys and Feedback into a separate product called Ask that’s priced based on the number of responses you want to collect across Surveys and Feedback. Heatmaps and Recordings will be grouped into a separate product called Observe and will still be priced based on the number of daily sessions.
Both products, Observe and Ask, will have the Basic (free), Plus, Business, and Scale plans available, and the selected plan can be different for each product.
See the Updating our pricing model blog post for all the details on this update.
In some rare cases, you might encounter an issue where the screenshots of your Desktop site Hotjar takes has elements from the mobile site, such as the navigation menu. This could also be the other way round, like Desktop elements on the mobile screenshot.
The reason why the screenshot was taken is incorrect is because, in your CSS, either the Desktop site is not set to be shown starting at 1280px or some elements are probably hidden/shown using @media queries similar to these:
@media (min-device-width: 768px) and (max-device-width: 1024px) {
/* CSS RULES IN HERE */
}
min-device-width and max-device-width are not recognized by all browsers. To fix the problem, you need to replace them with min-width and max-width.
@media (min-width: 768px) and (max-width: 1024px) {
/* CSS RULES IN HERE */
}
The difference between the two can be found in this article:
http://www.menucool.com/3613/max-device-width-vs-max-width-Which-one-should-I-use
Solution: It is best using min-width and max-width for all media queries since it achieves what you want on a broader range of browsers/scenarios, especially on a desktop.