CSS Display Issue

Question

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

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

Answer 1

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.