1.6.0.5 Responsive Theme Configurator Top Hooks.CSS (bug?)

[tonycajjo]

I was having an issue with the Theme Configurator Images Not resizing right as i changed the width of my browser.  what would happen is they would not resize then move below but not be sized to fit properly to the width of the page.  this is a fresh install of 1.6.0.5 so i dunno if i did something or if it a bug in the CSS (if you can call it that), or maybe some of the other tweaking i did messed it up.

 

 

i ended up having to change the hook.css file from the original to the following: (i added a new hooks.css file under my theme in the /css/modules/themeconfigurator/css/hooks.css

/* Home hook CSS */
#htmlcontent_home ul {
  margin: 0 -5px; }
  #htmlcontent_home ul li {
    padding: 0 5px 10px; }
    @media (max-width: 479px) {
      #htmlcontent_home ul li {
        width: 100%; } }
    #htmlcontent_home ul li img {
      max-width: 100%;
      height: auto; }
      @media (max-width: 479px) {
        #htmlcontent_home ul li img {
          min-width: 100%; } }
    #htmlcontent_home ul li.htmlcontent-item-5 {
      width: 66.6667%; }
      @media (max-width: 479px) {
        #htmlcontent_home ul li.htmlcontent-item-5 {
          width: 100%; } }

/* Top hook CSS */
#htmlcontent_top {
  float: left;
  width: 33.4%;
  max-width: 391px;
  padding-left: 10px; }
  @media (max-width: 767px) {
    #htmlcontent_top {
      width: 100%;
      max-width: 100%;
      padding-left: 0;
      padding-top: 0px; } }
  @media (max-width: 767px) {
    #htmlcontent_top ul {
      margin: 0 -5px; } }
  #htmlcontent_top ul li {
    width: 100%;
    margin-bottom: 10px; }
    @media (max-width: 767px) {
      #htmlcontent_top ul li {
        float: left;
        padding-left: 5px;
        padding-right: 5px;
        width: 50%; } }
    #htmlcontent_top ul li:last-child {
      margin-bottom: 0; }
    #htmlcontent_top ul li img {
      max-width: 100%;
      height: auto; }

/* Left hook CSS */
/* Right hook CSS */
/* Footer hook CSS */

Edited April 6, 2014 by tonycajjo (see edit history)