CSS Display Issue

I have been modifying my opencart template and I have come across a strange css issue:

Area's I have modified:

• Header to enable a longer wider header
• Lowered the search box to position inside the navigation
• Created a right-column div for data used on the home template only
开发者_如何学Python

I have tried overriding the .tpl files to see if it was something that I had altered in them , I also removed my right-column no change.

I then uploaded the original stylesheet and the issue was fixed minus my header and formatting missing.

I have a feeling it is to do with the way I have coded the header but I cannot spot any bugs.

I have included the original css and view and my css and view:

Original View:

Original CSS:

Was over my body limit original here

My View:

My CSS:

Was over my body limit My CSS Here

It looks like your CSS isn't even displaying for that section, so you probably have an error in your CSS (or HTML, but in this case I feel like CSS is more likely). A really quick, nice check for this is to set the element you are concerned isn't updating to display: none; and see if it disappears. If it doesn't, you have a CSS error in a section above that bit of code. Fixing that should fix your problem.