Maintain header height + other problem

Question

Here is the site:

Here is the code:


   
	
		

			
			
				[
![attachment](img/logo/color-logo.png)
](index.html)
				[
![attachment](img/logo/color-logo.png)
](index.html)
			

			
				

			

			
			

			     
				
- 
					[About Us](#content)
			        
				
- 
					[Contact Us](#form-section)

Problem 1:

I am using the header from rs-demo-hero-image.html.

On my site, when you lower the width of the page, the header height changes. I want it to stay the same height like in the example.

Problem 2:

Sometimes when you click the header icon, only About Us appears. I have no idea why this is happening and it almost seems random. If you play around with the width and the button for awhile, you'll probably see the problem. I've even had the entire header disappear.

SemiColonWeb · Accepted Answer

Hello, 1. Currently you are using: [ch pre type="css"].retina logo { height: 40px; } .standard logo { height: 40px; }[/ch pre] We recommend using this CSS instead: [ch pre type="css"] logo img { height: 40px; margin top: 30px; margin bottom: 30px; }[/ch pre] 2. This is primarily done to reduce Javascript Computation Times and Memory Usage on the Browser to make everything work more smoothly on different browsers for your Website's Visitors. Ideally, in real world usage, users do not resize the …