It can be done with CSS and requires just a little work to set up. It is basically a two step process: Create and assign an image style to the images you want to hide on mobile. Set the image style to hide the images on mobile devices. Set up image style In the RoboHelp CSS editor, create an image style. You can use any name you want. Just don't assign any formatting, unless you specifically need it. For example, you can create a style named hideOnMobile. In the topics, assign the style (using the Styles and Formatting pod) to the images you want to hide on mobile. Set image style to hide on mobile For the next part, you need a little CSS coding. RoboHelp can't do this through the editor, so open the CSS file in Notepad or the RH Code editor. Paste the code below into the CSS (doesn't matter where). Here I assume your style is named hideOnMobile. @media (max-width:320px) { img.hideOnMobile { display: none; } } The 320px is the width of the device. Every device with 320px in width or less will hide the content. Now simply generate and you're done. If it isn't working I ran into this the other day for another project. The code may not work even though your CSS is fine. Browsers may require a viewport meta tag to correctly interpret the width. The viewport is available in the Screen Layout, but it may be that you need it to topics as well. If you don't see a result, add <meta name="viewport" content="width=device-width, initial-scale=1.0"> to the topics. You can do a find and replace operation to add this code to the <head> section of every topic. (Search for <head>, replace with <head><meta name="viewport" content="width=device-width, initial-scale=1.0">) You can read more about the viewport here: Responsive Web Design Viewport
... View more