# Tablet displaying desktop version of an image

**URL:** <https://community.evolveauthoring.com/t/tablet-displaying-desktop-version-of-an-image/2076>\
**Category:** General Help\
**Created:** [January 5, 2023, 1:43pm UTC](https://community.evolveauthoring.com/t/tablet-displaying-desktop-version-of-an-image/2076 "2023-01-05T13:43:36Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![BarryBPS](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/barrybps/32/540_2.png) [@BarryBPS](https://community.evolveauthoring.com/u/BarryBPS)\
**Post date:** [January 5, 2023, 1:43pm UTC](https://community.evolveauthoring.com/t/tablet-displaying-desktop-version-of-an-image/2076/1 "2023-01-05T13:43:36Z")

</div>

Hello,

I’ve noticed that the **Image Advanced Settings** work for device **width** only and not actually for a specified device **type**.

This means that in some cases, we have an image that appears on an iPad when viewed in landscape view when we would rather it did not appear at all, as it’s being cut off.

 ![image](https://canada1.discourse-cdn.com/flex031/uploads/evolveauthoring/original/2X/d/dc9163750aec0f6429c5fceaaee4eff10e52b90c.png)

Is there any way to either set the breakpoints when an image is switched to the ‘tablet’ version, or for our chosen tablet image to actually appear on the tablet?

I sometimes change the CSS after publishing but cannot see how to do this with background images.

Thanks,

Barry

---

<div class="post-metadata">

**Author:** ![Sam\_Cook\_Evolve\_LQA](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/sam_cook_evolve_lqa/32/902_2.png) [@Sam\_Cook\_Evolve\_LQA](https://community.evolveauthoring.com/u/Sam_Cook_Evolve_LQA)\
**Post date:** [January 5, 2023, 2:26pm UTC](https://community.evolveauthoring.com/t/tablet-displaying-desktop-version-of-an-image/2076/2 "2023-01-05T14:26:18Z")

</div>

Hi Barry, and Happy New Year!  
I see what you are saying, and device size is something we have talked about, but there are no current plans to change how it works - but I will raise with the team.

I think there might be a bit of a convoluted workaround. You could set up a trigger with ‘Device sized changed’ as the event, set it to Medium, and have a second instance of the component with no image that’s previously hidden - set that one to show, and set the original component to hide. In that circumstance the learner would see the no image component and not the original. I THINK that would work!  
Cheers-Sam

---

<div class="post-metadata">

**Author:** ![BarryBPS](https://yyz1.discourse-cdn.com/flex031/user_avatar/community.evolveauthoring.com/barrybps/32/540_2.png) [@BarryBPS](https://community.evolveauthoring.com/u/BarryBPS)\
**Post date:** [January 5, 2023, 2:34pm UTC](https://community.evolveauthoring.com/t/tablet-displaying-desktop-version-of-an-image/2076/3 "2023-01-05T14:34:53Z")

</div>

> [@Sam\_Cook\_Evolve\_LQA](#):
>
> I see what you are saying, and device size is something we have talked about, but there are no current plans to change how it works - but I will raise with the team.

Thanks Sam. Happy New Year to you too.

In this case, it’s the Menu Hero image that isn’t quite working as we’d like, so your workaround doesn’t apply. Thanks anyway 🙂