Skip to main content
T
Thea Carter
Inspiring
August 18, 2022
Answered

How do you remove the header from HTML5 output?

  • August 18, 2022
  • 2 replies
  • 341 views

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-completely/m-p/8091667

    This topic has been closed for replies.
    Correct answer Thea Carter

    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; 
}

    2 replies

    A
    Community Expert
    AmebrCommunity Expert
    Community Expert
    August 18, 2022

    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.

    A
    Community Expert
    AmebrCommunity Expert
    Community Expert
    August 18, 2022

    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.

    T
    Thea CarterAuthorCorrect answer
    Inspiring
    August 18, 2022

    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; 
}
    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices