Hover over elements before taking screenshots
⚠️ We highly recommend reading steps 1 to 3 of Click any element on the page before taking a screenshot first. It shows you how to get the selector of the element you want to hover over. Once you have that selector copied, come back here.
In this example, we hover over the "Products" menu of the AWS website, so the screenshot shows all their products. The arrow in the picture below points at the element we want to hover over (it can be any element on the page). Before hovering over the "Products" menu, the webpage looks like this:
Now head over to your Stillio account and add this URL: AWS website. Open the Advanced settings tab, type the selector you copied into the Hover field and press Enter. It should look something like this (see all advanced capture settings):
When you add the webpage with these settings, our render engine hovers over the selected element and renders the page like this:
Congrats! 🎉 You've hovered over the "Products" menu before the screenshot was taken. You can hover over just about any element on your webpage.