BETA feedback for Responsive-Classic in v155-beta

[dbltoe]

Kudos to all It's great to see things moving the way they are.

I have just a few things to suggest you take a look at. The new extension for chrome browser (Responsive Web Design Tester ) allows me to see the code better than anything I've found before. What I see as a minor problem in regular mode has to do with the product info settings in three stylesheets. #pinfo-right and #cart-box or the two IDs that start us down the road to change.

It all starts with a difference in the stylesheet between the two IDs, their width, and their padding. The standard stylesheet.css shows around line 344

#pinfo-right{float:right;width:55%;padding:20px 0 0 0;} 

The problem is that this setting doesn't allow the #pinfo-right to follow the #cart-box properly. My fix is to change the line 344 code to

#pinfo-right{float:right;width:52.5%;padding:1em;} 

This makes the two play well together with the desktop/laptop view.

However, now that we've messed with the stylesheet.css, it requires that the responsive_mobile and responsive_tablet stylesheets be modified next. Otherwise, we get some strange looks.

First the responsive_mobile.
Lines 143 and 144

#cart-box{width:50%;float:right;padding:15px 0;margin-bottom:2em;}
#pinfo-right{float:left;width:49%;} 

get change to

#cart-box{width:49%;float:right;margin-bottom:2em;}
#pinfo-right{float:right;width:49%;} 

Lines 371 and 372

#cart-box{width:100%;padding:15px 0;margin-bottom:2em;}
#pinfo-right{width:100%;} 

get changed to

#cart-box{padding:15px 0;margin-bottom:2em;}
#pinfo-right{padding: 15px 0;} 

This fixes both the landscape and portrait "look" for mobile phones.

Then comes responsive_tablet.
Line 74

#cart-box{width:51.5%;} 

becomes

/*#cart-box{width:51.5%;}*/ 

commenting out the un-required call.
Lines230-235

#pinfo-right{float:left;width:49%;}
#pinfo-left{float:none;}
#pinfo-left{width:100%;}
#productAttributes{width:90%;margin:0 auto;}.wrapperAttribsOptions input[type=text]{width:75%;}
#cart-box{padding:15px 0;margin-bottom:30px;} 

are changed to

#pinfo-right{float:right;width:50%;}
/*#pinfo-left{float:none;}
#pinfo-left{width:100%;}*/
#productAttributes{width:90%;margin:0 auto;}.wrapperAttribsOptions input[type=text]{width:75%;}
/*#cart-box{padding:15px 0;margin-bottom:30px;}*/ 

as a lot of the portrait calls were repeats of or in opposition to other stylesheet calls.

This may look like at lot was incorrect BUT, truth was that the original calls in the stylesheet.css caused the "trickle-down" glitches.

Hope this helps someone out there. Sure is easier to work with changes with the way it's set up in 1.5.5!