---
title: Show On Mobile / Tablet / Desktop
description: Now more than ever, it's important to optimise your website for the devices and users who are accessing it. With our 'Show on Mobile/Tablet/Desktop' widget options, you can segment content and create custom views to tailor your website for each device type.
image: https://www.commercevision.com.au/hubfs/CommerceVision-May2016/Image/blog-hero.jpg
---
**Commerce Vision is now an Advantive Company.** [Visit the Advantive Website](https://www.advantive.com)
✕
[](https://www.commercevision.com.au)
Call sales: [+61733693733](tel:+61733693733)
[ Speak to sales ](https://www.commercevision.com.au/contact)
[
Search ](https://www.commercevision.com.au/blog/show-on-mobile-/-tablet-/-desktop#)
[ Speak to sales ](https://www.commercevision.com.au/contact)
[Shaun Cooper](https://www.commercevision.com.au/blog/author/shaun-cooper) 08 August 2018 2 min read
# Show On Mobile / Tablet / Desktop
[Previous ](https://www.commercevision.com.au/blog/lucy-faster-leaner-lower-cost-to-serve)
[Next ](https://www.commercevision.com.au/blog/repeating-promo-codes)
## Are you seeing a rise in activity from mobile devices?
Commerce Vision customers are witnessing steady growth in eCommerce activity from mobile devices, with some - especially B2C businesses - now attributing around 50% of their total clicks to mobile users. This trend is playing out all across the industry with Australia Post reporting that in 2017, ***1 in 5 online sales were made from a mobile device**. * - "Inside Australian Online Shopping" - *[Australia Post 2018 eCommerce Industry Paper.](https://auspost.com.au/content/dam/auspost_corp/media/documents/2018-ecommerce-industry-paper-inside-australian-online-shopping.pdf)*
Now more than ever, it's important to optimise your website for the devices and users who are accessing it. With our 'Show on Mobile/Tablet/Desktop' widget options, you can segment content and create custom views to tailor your website for each device type.
Photo by [Tom Holmes](https://unsplash.com/photos/J2e34-1CVVs?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText) on [Unsplash](https://unsplash.com/search/photos/mobile?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText)
### Fully Responsive BPD (Best Practice Design)
All of our BPD sites utilise a fully responsive page layout. Without any further configuration, your content will dynamically wrap and resize to fit both the screen size and orientation of any device chosen to view your site. While this responsiveness is great for helping your desktop content to adapt, some content just isn't ideal for mobile devices and should be removed altogether, or replaced with more suitable material.
### Mobile, Tablet, and Desktop display options - (min version 4.02)
While our fully responsive design changes **how** your content is viewed on various screens dynamically, our Show On Mobile/Tablet/Desktop functionality will allow you to easily configure **what** can be viewed by each device. This provides the opportunity to create more tailored views that can be further optimised for performance and user experience.
*These options are available in each widget under the Common Options tab.*
### Examples of Mobile Optimisation
#### De-Clutter
Be selective with your content and display appropriate information for each device type.
Set widgets with lengthy full content to **only** ‘show on desktop’, and remove them from mobile device views.
A clever shortcut is to make a copy of an existing widget and update it with abridged content. Then, set it to just ‘Show on Tablet’ and/or ‘Show on Mobile’. The new widget can provide more appropriate content that looks and reads well on smaller screen types.
#### Improve Performance
Page load speed affects not just your users’ experience, [but also your search rankings](https://webmasters.googleblog.com/2018/01/using-page-speed-in-mobile-search.html), and on mobile devices speed is even more critical.
In addition to reducing or removing excess content, you can also achieve performance gains by displaying smaller or fewer images.
As in the De-Clutter example above, you can create new (or copy existing) widgets, then remove or replace the images with smaller resolution versions and set them to only ‘Show on Tablet’ and/or ‘Show on Mobile’.
### Additional Options for Banners
If you've got a banner slider but would prefer to limit the display of one or more images in the group, that’s possible too.
In **Banner Maintenance**, edit the individual **banner** and select **Desktop**, **Mobile**, or **Tablet** from the dropdown. This setting will take precedence over whatever is set on the Banner Slider widget.
For more information see our Knowledge Base article - [Mobile, Tablet, and Desktop display options](https://cvconnect.commercevision.com.au/display/KB/Mobile%2C+Tablet%2C+and+Desktop+display+options)
If you would like to discuss mobile optimisation you can contact me at any time.
Until next time…
Shaun Cooper
Customer Success Manager
Commerce Vision
## RELATED ARTICLES
```json
{
"@context" : "https://schema.org",
"@type" : "BlogPosting",
"abstract" : "Now more than ever, it's important to optimise your website for the devices and users who are accessing it. With our 'Show on Mobile/Tablet/Desktop' widget options, you can segment content and create custom views to tailor your website for each device type.",
"author" : {
"@type" : "Person",
"name" : "Shaun Cooper"
},
"dateModified" : "February 11, 2020 4 AM",
"datePublished" : "August 7, 2018 11 PM",
"headline" : "Show On Mobile / Tablet / Desktop",
"image" : "https://www.commercevision.com.au/hubfs/CommerceVision-May2016/Image/blog-hero.jpg",
"inLanguage" : "en-gb",
"keywords" : "[how to, CX]",
"mainEntityOfPage" : {
"@type" : "WebPage"
},
"name" : "Show On Mobile / Tablet / Desktop",
"publisher" : {
"@type" : "Organization",
"logo" : {
"@type" : "ImageObject",
"url" : "https://cdn2.hubspot.net/hubfs/1978039/COM%202829%20Logo_RGB-3.png"
},
"name" : "Commerce Vision"
},
"text" : "Are you seeing a rise in activity from mobile devices? Commerce Vision customers are witnessing steady growth in eCommerce activity from mobile devices, with some - especially B2C businesses - now attributing around 50% of their total clicks to mobile users. This trend is playing out all across the industry with Australia Post reporting that in 2017, 1 in 5 online sales were made from a mobile device. - \"Inside Australian Online Shopping\" - Australia Post 2018 eCommerce Industry Paper. Now more than ever, it's important to optimise your website for the devices and users who are accessing it. With our 'Show on Mobile/Tablet/Desktop' widget options, you can segment content and create custom views to tailor your website for each device type. Photo by Tom Holmes on Unsplash Fully Responsive BPD (Best Practice Design) All of our BPD sites utilise a fully responsive page layout. Without any further configuration, your content will dynamically wrap and resize to fit both the screen size and orientation of any device chosen to view your site. While this responsiveness is great for helping your desktop content to adapt, some content just isn't ideal for mobile devices and should be removed altogether, or replaced with more suitable material. Mobile, Tablet, and Desktop display options - (min version 4.02) While our fully responsive design changes how your content is viewed on various screens dynamically, our Show On Mobile/Tablet/Desktop functionality will allow you to easily configure what can be viewed by each device. This provides the opportunity to create more tailored views that can be further optimised for performance and user experience. These options are available in each widget under the Common Options tab. Examples of Mobile Optimisation De-Clutter Be selective with your content and display appropriate information for each device type. Set widgets with lengthy full content to only ‘show on desktop’, and remove them from mobile device views. A clever shortcut is to make a copy of an existing widget and update it with abridged content. Then, set it to just ‘Show on Tablet’ and/or ‘Show on Mobile’. The new widget can provide more appropriate content that looks and reads well on smaller screen types. Improve Performance Page load speed affects not just your users’ experience, but also your search rankings, and on mobile devices speed is even more critical. In addition to reducing or removing excess content, you can also achieve performance gains by displaying smaller or fewer images. As in the De-Clutter example above, you can create new (or copy existing) widgets, then remove or replace the images with smaller resolution versions and set them to only ‘Show on Tablet’ and/or ‘Show on Mobile’. Additional Options for Banners If you've got a banner slider but would prefer to limit the display of one or more images in the group, that’s possible too. In Banner Maintenance, edit the individual banner and select Desktop, Mobile, or Tablet from the dropdown. This setting will take precedence over whatever is set on the Banner Slider widget. For more information see our Knowledge Base article - Mobile, Tablet, and Desktop display options If you would like to discuss mobile optimisation you can contact me at any time. Until next time… Shaun Cooper Customer Success Manager Commerce Vision",
"url" : "https://www.commercevision.com.au/blog/show-on-mobile-/-tablet-/-desktop",
"wordCount" : "948"
}
```
```json
{
"@context" : "https://schema.org",
"@type" : "BlogPosting",
"author" : {
"@type" : "Person",
"name" : "Shaun Cooper",
"url" : "https://www.commercevision.com.au/blog/author/shaun-cooper"
},
"dateModified" : "2020-02-11T04:30:05.609Z",
"datePublished" : "2018-08-07T23:30:00.000Z",
"headline" : "Show On Mobile / Tablet / Desktop",
"image" : [ "https://www.commercevision.com.au/hubfs/CommerceVision-May2016/Image/blog-hero.jpg" ],
"mainEntityOfPage" : {
"@id" : "https://www.commercevision.com.au/blog/show-on-mobile-/-tablet-/-desktop",
"@type" : "WebPage"
},
"publisher" : {
"@type" : "Organization",
"logo" : {
"@type" : "ImageObject",
"url" : "https://www.commercevision.com.au/hubfs/COM%202829%20Logo_RGB-3.png"
},
"name" : "Commerce Vision Pty Ltd"
}
}
```