The below examples are of the Agent stack that allows you to display or hide content based on the devices that your visitors are using.
Mobile visitors have both smaller screens and slower internet connections. So why are we sending the same content to them? Many times we can convey the same message with a fraction of the content. Also who likes scrolling through a webpage that will 10 miles long because the multi-column layout on desktop shrinks to one column on mobile?
In this example, you will see that on desktop, we have a grid of images. However, on mobile we only have one single image to display. You cannot just resize your browser and see what you would on mobile. This is because the content that is sent gets controlled by the server. You must view this page from an actual mobile device such as an iPhone.
If you are providing download links to your customers, it would be nice to customize the experience. This way, you can provide the exact download link that they need for their device. This example will provide custom download links for Mac, Windows, iOS and Android.