Responsive Sheffield Blue v1.0

[rbarbour]

in the responsive.css file for some reason.. on my server.. it's not doing the correct overrides or maybe it is..

In the first section of code.. Line 21.. I delete.. it's

.col8{width:635px;}

For some reason, when I was getting to smaller and smaller sizes.. Sub 780px width or so, it was overriding and not doing % for shrinking..

Then on line 262.. I changed the code .col2 from 195px to 164px...
Then on Line 268.. I changed from 795px to 635px...

AND I QUOTE:

in the original responsive.css file the px and % fluid calculation are precise to 75px (the code includes 12 div's at 75px to calculate total width) including margins and changing (1) to anything other than - or + 75px or its % equivalent will most definitely break at some point on some devise or screen size.

With an exception of .onerow-fluid (width) to px instead of %

I cannot say this enough -

I spent almost 4 months testing the px and % calculations for the responsive code, their is NO REASON to alter, add to, remove from this part of the responsive.css file.

If something isn't displaying correctly within the media queries provided, add a new media query but do not mess with the px or % of the responsive file.

@brian70809

I used the original responsive.css file (mine) and Anne's responsive file included in this template package and both resulted in a (disrupted) layout on your site.

You have 2 options and neither include altering the responsive.css file. LOL

1.) Back trace through all the files (you altered), mainly anywhere you added DIV's, viewing your HTML source, you have a few closing DIV's </div> showing. Also as stated before (THE FIRST REASON FOR THE RESPONSIVE CODE TO BREAK).

2.) Completely uninstall the template package, remove any other altered php files and start with a fresh copy of the template package

Without access to your files, I cannot trouble shoot or reproduce your results at all in any of my altered and highly customized templates.