Copy link to clipboard
Copied
Using RoboHelp HTML 11.
I've just started using Responsive HTML5 on a desktop in Internet Explorer 11. I was wondering why this layout had no sidebar on the left, until I happened to expand the browser window to nearly full width of the screen. That's when it finally appeared.
Is there any way to control the point at which the sidebar appears or disappears?
Sure.
In the main.css file you'll find several @media rules. By changing those, you control the break points. Please note that the break points are used multiple times in the css. You have:
Kind regards,
Willam
Copy link to clipboard
Copied
Sure.
In the main.css file you'll find several @media rules. By changing those, you control the break points. Please note that the break points are used multiple times in the css. You have:
Kind regards,
Willam
Copy link to clipboard
Copied
I also noticed in version 11.03 you need to change the @media rules in the layoutfix.min.css file in the output. Starting from the output folder, the file is in the \template\styles directory. Perhaps someone else can explain how this file is generated (from the masterthemeschema.xml file maybe?) and how this works.
Copy link to clipboard
Copied
You're right, I forgot about that one. Since RH11.0.3. introduced some significant changes to the layouts, Adobe provided a css file with a fix for issues caused by the 3 patch. This is done so that you don't need to reimport all layout you're already using. I haven't bothered with it yet, but I know it adds some CSS to fix several issues. If you make a backup, you can change that CSS file as well. But a patch may update the file without prior warning.
Kind regards,
Willam
Copy link to clipboard
Copied
I wish someone would explain how the file works. It's really killing me. I have changed my media queries, but this layoutfix.min.css file contains the old queries and is causing issues. Every time I generate new help, I have to replace this file.
Copy link to clipboard
Copied
You can find the file in: C:\Program Files (x86)\Adobe\Adobe RoboHelp 11\RoboHTML\ResponsiveHelpExt\widgets\common\styles
I wouldn't recommend changing this file. It will get overwritten when Adobe fixes issues in the layouts in patches. It's better to find the culprit CSS selector and add that selector to your customised CSS. You can overwrite the styling from the layoutfix in your custom CSS without risking your changes getting overwritten in later versions.
Copy link to clipboard
Copied
For the record, also see: Re: Responsive HTML5 Output: How to auto adjust the screen resolution for all devices?
Copy link to clipboard
Copied
I have time now to do that, but I had a demo scheduled the other day. Changing the file was exactly the workaround I needed to get through that demo.