I created a responsive HTML5 output, but the display is not what I expected. How do I alter it?

Question

I created an output on my laptop (15 in monitor), and on that screen it looks as intended, with the TOC displaying on the left and the search bar on the top right. I expect, since it is responsive, that on a smaller screen, the TOC and search will shift according to the size of the screen. But when I look at it on a larger desktop monitor, the TOC is permanently minimized and the search icon is on the left. It looks as it would if I were viewing on a tablet. Is there a way to fix this? On a desktop monitor, I need the TOC to display and the search box to remain at the top of the screen. Display results are the same in Chrome and IE11

On my laptop:

laptop screen resolution settings:

On my desktop:

Desktop monitor screen resolution settings:

Lars Wilhelmer · Answer

Note that there is no detection whether the output is displayed on a tablet or a desktop computer. Instead, the desktop/tablet/mobile view is simply chosen by the size of the browser window. Rezise the window in your desktop browser and your layout will change. A shrinked desktop browser window is a "tablet", and a high-res tablet is a "desktop". It's not the best solution, but it's the only solution RoboHelp offers natively.

That also means if you lower the tablet max width setting, the output will display in the "desktop" layout on most tablets.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded