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.
It should just be auto, without the 80%. And a space after the colon.
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"
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.