Responsive Sheffield Blue v1.0

Quote:

---

Originally Posted by AATECH

Very nice template. Thanks for this. But can someone please tell me why the Center column goes below the left side boxes?

http**fabricbaseinc.com/site

Thanks in advance.

---

The template is designed to use a 180px left and right hand column. If you want to change these widths you will have to adjust the columns in the responsive.css.

Thanks,

Anne

Attachment 13132 Love the quick response guys. So you can see my settings in the screenshot, no matter what we change the left/right boxes to, it won't help. Also, something I see odd, is that for the option [ ACTIVATE Responsive Template by selecting Column Widths ] it's set at 2 which is 150PX not sure if this is what's messing it up? specially since you want us to change it to 180PX.

The screenshot attached get's much smaller, here's a link to it:
HTTP**fabricbaseinc.com/site/issue1.gif

I am having the same issue.. If I maximize Chrome/Firefox.. it will move the center column under the first column.. If I shrink Chrome.. it moves everything back to where it's supposed to be.. If I have the right column with boxes in it, it will move them under the left column...

It's like it's not recognizing a max over width setting for the container of all 3 columns...

Here is link to beta site..

http://www.clmarketingllc.com/good/

I will toy with the responsive.css later today.

Thanks!

Brian

Quote:

---

Originally Posted by brian70809

I am having the same issue.. If I maximize Chrome/Firefox.. it will move the center column under the first column.. If I shrink Chrome.. it moves everything back to where it's supposed to be.. If I have the right column with boxes in it, it will move them under the left column...

It's like it's not recognizing a max over width setting for the container of all 3 columns...

Here is link to beta site..

http://www.clmarketingllc.com/good/

I will toy with the responsive.css later today.

Thanks!

Brian

---

If you want to use different widths for the left and right hand columns than are included in the template (180px) then you will need to make adjustments to the responsive.css file.

Thanks,

Anne

Quote:

---

Originally Posted by AATECH

Attachment 13132 Love the quick response guys. So you can see my settings in the screenshot, no matter what we change the left/right boxes to, it won't help. Also, something I see odd, is that for the option [ ACTIVATE Responsive Template by selecting Column Widths ] it's set at 2 which is 150PX not sure if this is what's messing it up? specially since you want us to change it to 180PX.

The screenshot attached get's much smaller, here's a link to it:
HTTP**fabricbaseinc.com/site/issue1.gif

---

Have you compared your admin settings to the recommended admin settings as specified in the readme.html file? These need to be followed.

Thanks,

Anne

Quote:

---

Originally Posted by AATECH

Very nice template. Thanks for this. But can someone please tell me why the Center column goes below the left side boxes?

http**fabricbaseinc.com/site

Thanks in advance.

---

The Responsive design uses 3 column, the left column, the center column and the right column. As you shrink your browser or view your site in say a "mobile device", the responsive code stacks those columns.

So at maximum width you get:

left column center column right columns

and at min width you get

left column
center column
right columns

Quote:

---

Originally Posted by AATECH

Love the quick response guys. So you can see my settings in the screenshot, no matter what we change the left/right boxes to, it won't help. Also, something I see odd, is that for the option [ ACTIVATE Responsive Template by selecting Column Widths ] it's set at 2 which is 150PX not sure if this is what's messing it up? specially since you want us to change it to 180PX.

The screenshot attached get's much smaller, here's a link to it:
HTTP**fabricbaseinc.com/site/issue1.gif

---

By selecting values 1,2 or 3 in the ACTIVATE Responsive Template by selecting Column Widths configuration, it overrides and makes null the stock Column Width - Left/Right (Boxes) configuration).

Selecting 2 for 150px sets the responsive CSS code to 180px (the CSS was altered to 180px not the config value but still sets it at 180px)

Quote:

---

Originally Posted by brian70809

I am having the same issue.. If I maximize Chrome/Firefox.. it will move the center column under the first column.. If I shrink Chrome.. it moves everything back to where it's supposed to be.. If I have the right column with boxes in it, it will move them under the left column...

It's like it's not recognizing a max over width setting for the container of all 3 columns...

Here is link to beta site..

http://www.clmarketingllc.com/good/

I will toy with the responsive.css later today.

Thanks!

Brian

---

Your site is functioning as it should - see post #84 to understand how the responsive code stacks the columns at min-width.

Quote:

---

Originally Posted by rbarbour

Your site is functioning as it should - see post #84 to understand how the responsive code stacks the columns at min-width.

---

The problem is at MAX width it's behaving as if it's at a narrow width... as I narrow the max width.. it behaves like it should.. then as I narrow it more.. it goes back to stacking the columns.

The Demo site that is linked on the download works perfect.. Max width of my screen.. it's all aligned at about a 960px width or so... all 3 columns where they should be.

Mine is not following this behaviour.

Quote:

---

Originally Posted by brian70809

The problem is at MAX width it's behaving as if it's at a narrow width... as I narrow the max width.. it behaves like it should.. then as I narrow it more.. it goes back to stacking the columns.

The Demo site that is linked on the download works perfect.. Max width of my screen.. it's all aligned at about a 960px width or so... all 3 columns where they should be.

Mine is not following this behaviour.

---

I have looked at your site in the latest FF, IE, Opera, Chrome, iPhone 5S, Apple iPad and Google Nexus.

The only thing that is keeping your site from shrinking and expanding correctly is google maps (it is not designed to be responsive), it is built using tables (tables will only shrink until the content within doesn't allow them too.).