How do you remove the header from HTML5 output?

[Thea Carter]

Hello,

Is there a way to remove the header from an HTML5 output (RH2020)? The charchoal_grey skin works for what I need, except for the header, as the content will be embedded into another website. I tried to follow instructions on an older post (linked below) but the scss file appears to have been updated and the line numbers provided in the answer for that post are no longer applicable.

https://community.adobe.com/t5/robohelp-discussions/is-there-a-way-to-remove-the-header-desktop-comp...

[Amebr · Accepted solution]

Those instructions are definitely not relevant for New UI. 🙂

There's no built in way to hide it. If you have a friendly web developer they can help you inspect the output to figure out codes changes required to hide it. You'd put these changes in a custom css file and add it to the skin under Layout > User Assets.

I had a quick look, hoping it would be simple to just hide that bar, but it looks like there's a lot of moving parts to adjust.

[Thea Carter · Accepted solution]

Thank you! I was able to figure this out with your suggestions. What I did:

• Used StudioCompass frameless skin and edited it to look as I needed
• I created a CSS file with the below code and added it to the skin under Layout > User Assets

et voila! no header. Thank you!

.RH-LAYOUT-HOMEPAGE-TITLEBAR-container {
	display: none !important; 
}
.RH-LAYOUT-HEADER-container { 
	display: none !important; 
} 

[Amebr]

I should also mention that Frameless skins have far more configuration options. It is a different output with different skins and URL structure though, so depending on how the help is used or integrated into desktop or web applications it may require some development involvement (e.g. context sensitive help calls). Something to keep in mind for the future, though.