Skip to main content
M
MDennetti
Inspiring
June 23, 2017
Question

How to fix the size of the header in RoboHelp 2017

  • June 23, 2017
  • 1 reply
  • 653 views

When you increase the width of the browser window for the Responsive HTML5 output, the width of the header increases, and the "Home" icon at the top left increases in size. I have been asked to remove this feature, so that the header remains at the same width, regardless of the width of the browser. I tried removing the line "background-size:auto 80%;" from the "div.header div.logo" section of the layout.css file, but this did not address the issue. I'd appreciate any advice.

Thanks,

Mark

This topic has been closed for replies.

1 reply

M
meKarla
Inspiring
June 26, 2017

It should just be auto, without the 80%. And a space after the colon.

background-size: auto;

Percentage: Sets the width and height of the background image in percent of the parent element. The first value sets the width, the second value sets the height. If only one value is given, the second is set to "auto"

CSS3 background-size property

Karla

M
MDennettiAuthor
Inspiring
June 26, 2017

Thanks for the reply.  This line was actually in layout.css originally, and referred to the scaling of the logo.png file, so should be OK regarding the % value. I think it refers to its maximum size after scaling. I don't think there is any easy way to fix this width, but please prove me wrong, if anyone knows better.

Best wishes,

Mark

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices