Sharing is helping.

We offer you this space to share your knowledge about Magento and learn from our experienced customers.


    Home Forums Theme Forum HelloWired Responsive Hellowired theme not working

    This topic contains 11 replies, has 2 voices, and was last updated by  jmunoz.dev 1 year, 10 months ago.

    Viewing 12 posts - 1 through 12 (of 12 total)
    • Author
      Posts
    • #21197

      mike

      Hi, i need some help setting up the responsive Hellowired theme. I have magento 1.7.0.2. and downloaded the latest version of Hello them, followed the Tutorial (which is quite hard to follow. as the instructions not in the file and the video shows some other template). never the less i have it working in a browser but cannot view it on my iphone, even with all the setting listed.

      Please help as to how i go about making it work.

      thanks

      #21198

      mike

      PLEASE someone help me  i have tried a number of combinations to get the responsive thing working .. what do i put n my theme settings to show how the advertised image shows…

      PLEASE HELP!

      #21200

      nike

      hi mike, please upload a screenshot of your store. Have you installed the latest version responsive of HelloWired?

      #21202

      mike

      the page won’t load in Firefox now so no browser load, but ok in mobile :(

      #21205

      Nick
      Key Master

      Are you usign the latest verion 6 responsive of hellowired. Maybe you have configured a mobile theme in your magento store, with responsive themes this isnt’ required

      #21229

      mike

      Hi, I have just reinstalled a fresh version of Magento 1.7.0.2 and apart from the default them, i have installed version 6 Responsive for Hellowired, and no other setting, followed all the instructions, all the other browsers work, but not Firefox, all it does it just hangs.. and the version i have of Firefox is  21.

      So really puzzled why it’s not working.  can’t figure out why.. any help / suggestion would be great.

      Many thanks

      #21232

      mike

      OK  it still does not work with firefox, tried a number of FF versions and it just hangs on loading, any other browser you use it works great!. any other template you use it works fine, only hellowired does not work, is there a bug in the code or a solution you guys have.. do you have a working sample demo that i try to see if it works?

      Please respond.

      thanks.

      #21234

      niket

      Please provide your url website!!!

      #21242

      mike

      Sorry mate, the site is on my local server, so not public.

      I just don’t know what could be wrong, i’ve tried all other browsers and they show fine, i’ve tried changing templates and they work.. but FF still don’t work with hellowired v6 responsive.

      Is there somewhere i can compare the files.

      #21250

      Nick
      Key Master

      On the live demo seems be fine: http://demos.hellothemes.com/hellowired

      Can you see the live demo ok? Specifications of your so?

      #21251

      mike

      Im really stuck with this one. anyone can shed some light please… something..  thanks

      #22662

      jmunoz.dev

      Hello guys, i found HelloWired theme download lacks a css file and his call in the head of the template so here is the solution:

       

      Create the file /skin/frontend/default/hellowired/css/responsive.css with the following content:

       

      <code>

      /*!

      * Bootstrap Responsive v2.0.1

      *

      * Copyright 2012 Twitter, Inc

      * Licensed under the Apache License v2.0

      * http://www.apache.org/licenses/LICENSE-2.0

      *

      * Designed and built with all the love in the world @twitter by @mdo and @fat.

      */

      .clearfix {

      *zoom: 1;

      }

      .clearfix:before, .clearfix:after {

      display: table;

      content: “”;

      }

      .clearfix:after {

      clear: both;

      }

      .hidden {

      display: none;

      visibility: hidden;

      }

       

      @media (max-width: 480px) {

      address { font-size: 11px;}

      .product-view .product-img-box{width:100% !important;}

      .main{min-height:105px;}

      .header .logo {text-align:center !important;}

      .nav-container,  .sidebar, .link-compare{display:none !important;}

      .span12, .container, .page { width: 260px;}

      .product-view .product-shop .add-to-links li { display: inline-block;}

      #slider-wrapper { float: left; position: relative; width: 100%!important;}

      #slider { height: 165px !important; width: 100%!important;}

      .panel { width: 100% !important;}

      #slider .panel img {height: 165px; width: 100%;}

      .jcarousel-skin-tango .jcarousel-container {position:relative;right:8px;}

      .jcarousel-skin-tango .jcarousel-container-horizontal{width:224px !important;padding: 15px 26px !important;}

      .jcarousel-skin-tango .jcarousel-clip-horizontal{width:230px !important;}

      .jcarousel-skin-tango .jcarousel-next-horizontal{right:2px !important;}

      .form-search{right:57px;}

      .pager .pages{margin:0;}

      .wired-home .subscribe{width:91%;margin-top: 15px;}

      .footer .footer-block.first { margin-left: 15px;}

      .footer ul li { display: block;}

      .footer .payment { float: left; margin-top: 10px; padding-left: 15px; width: 210px;}

      .product-tabs li{width:100%; border-right:0;}

      .product-view .box-tags .form-add .input-box{width:130px;}

      .product-view .product-img-box .product-image-zoom{height:260px; width:260px;}

      .product-collateral .box-collateral { overflow: hidden; width: 101%;}

      #products-list li a img, #products-list li a{width:100px; height:100px;}

      .products-list .product-shop { margin-left: 120px;}

      .product-options-bottom .add-to-cart { margin: 15px 0 0; width: 100%;}

      .products-grid li.item {margin: 20px 0 !important;}

      .footer-block {padding: 15px 0 0;}

      .footer { padding: 10px 0;}

      .ratings {display:none;}

      .product-view .box-reviews .form-add .form-list input.input-text, .product-view .box-reviews .form-add .form-list textarea { width: 340px;}

      .product-collateral {margin: 20px 0;}

      .cart .discount{float:left;}

      .cart .discount .discount-form, .cart .shipping .shipping-form { float: left; margin-left: 0 !important;}

      .cart .totals table{width:220px;}

      .cms-links ul, .cms-links ul li { background: none repeat scroll 0 0 transparent; display: inline; float: left; width: 100%;}

      .cms-links{ float: left; width:60%;}

      .access { float: right; width:40%; top:0;}

      .access .links li { display: inline; float: left; font-size: 11px; margin-right: 10px; padding-top: 6px; width: 100%;}

      .cms-links ul, .cms-links ul li { background: none repeat scroll 0 0 transparent; display: inline; float: left; padding-top: 4px; width: 100%;}

      .cart .totals .checkout-types li{ position:relative;top:60px;}

      .form-list li.wide select { width: 240px;}

      .data-table thead th, .cart-table td {font-size:10px;padding:3px;}

      .my-wishlist .buttons-set {text-align: center;}

      .my-wishlist button.button span span { border: 0 none; font-weight: normal; padding: 0px;text-transform: capitalize;}

      .account-login .col2-set .col-1, .account-login .col2-set .col-2 {width:100%;margin-bottom:20px;}

      .cart .crosssell, .pager .limiter, .box-account.box-recent {display:none !important;}

      .form-list li.wide textarea { width: 320px;}

      .col3-layout .col-wrapper{ border: 0 none;}

      .product-actions {text-align:left;}

      .product-actions .btn-cart {float: left;}

      #checkout-step-login .form-list input.input-text {width:137px;}

      .product-view .box-tags .form-add input.input-text { width: 110px;}

      .product-essential { border: 0 none; padding:0; box-shadow: none;}

      .nav-collapse { -webkit-transform: translate3d(0, 0, 0);  }

      .cart .shipping .input-box {margin-left:0;}

      .product-essential {background:none;}

      .product-view .box-up-sell .products-grid td {width:auto;}

      .cart .crosssell .product-image {padding: 5px;}

      .send-friend .form-list .field  {float:none;}

      .send-friend .form-list li.wide textarea {width: 245px;}

      .send-friend .form-list input.input-text, .send-friend .form-list textarea {width:245px;}

      .send-friend .form-list {width: 275px;}

      .cart-table .btn-remove2 {display:none;}

      .cart .discount .input-box {margin: 0;}

      .box-account .col2-set .col-1 {float: none;width: 100%;}

      .box-account .col2-set .col-2 {float: none;width: 100%;margin-top:10px;}

      .form-list .input-box {max-width:230px;}

      #checkout-step-login .form-list input.input-text {width:220px;}

      #checkout-step-login .col2-set .col-1 { float: none; width: 100%;}

      #checkout-step-login .col2-set .col-2 {margin-top:15px; float: none; width: 100%;}

      .product-view .box-up-sell .products-grid td {padding:5px;}

      .product-view .box-up-sell .products-grid .product-image, .product-view .box-up-sell .products-grid .product-image img {height: auto;max-height: 50px;max-width: 50px;width: auto;}

      .product-view .box-up-sell .product-name a {font-size: 11px;text-align: left;}

      }

       

      @media (max-width: 768px) {

      .promo-right, .subpromo, .promo-bottom{display:none;}

      .nav-mobile {display: block !important;}

      .hidden-desktop { display:block !important; }

      .hidden-phone { display:none; }

      #nav, .sidebar, .customer-account-index .block-banner, .customer-account-index .block-cart, .customer-account-index .block-compare, .customer-account-index .block-reorder {display:none !important;}

      #menu #left-nav{display: block !important;}

      .sidebar{display:none;}

      .header .logo { text-align:left;width:100%; margin-bottom:10px !important; }

      .products-grid li.item, .products-grid .product-image{width:100%;}

      .products-grid .product-image{text-align:center;}

      .breadcrumbs {width:100% !important;}

      .product-view .product-shop{float:none; width:100%;}

      .product-tabs a { padding: 6px 10px;}

      .customer-account-index .col-left, .checkout-onepage-index .col-left{display:block !important;}

      .block { background: none repeat scroll 0 0 #F6F6F6;}

      .block .block-content { background: none repeat scroll 0 0 transparent;}

      .cart .totals{width:100%;}

      #shopping-cart-table tbody td:nth-child(1), #shopping-cart-table th:nth-child(1), #shopping-cart-table tbody td:nth-child(3), #shopping-cart-table th:nth-child(3), #shopping-cart-table tbody td:nth-child(4), #shopping-cart-table th:nth-child(4){display:none;}

      #wishlist-table tbody td:nth-child(1), #wishlist-table th:nth-child(1), #wishlist-table tbody td:nth-child(3), #wishlist-table th:nth-child(3), #wishlist-table tbody td:nth-child(4), #wishlist-table th:nth-child(4){display:none;}

      #billing-buttons-container{width:86%;}

      #checkout-progress-wrapper{ margin-top:15px;}

      .block-progress .block-title{

      background: #494949; /* Old browsers */

      /* IE9 SVG, needs conditional override of ‘filter’ to ‘none’ */

      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ5NDk0OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNDI0MjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

      background: -moz-linear-gradient(top,  #494949 0%, #242424 100%); /* FF3.6+ */

      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#494949), color-stop(100%,#242424)); /* Chrome,Safari4+ */

      background: -webkit-linear-gradient(top,  #494949 0%,#242424 100%); /* Chrome10+,Safari5.1+ */

      background: -o-linear-gradient(top,  #494949 0%,#242424 100%); /* Opera 11.10+ */

      background: -ms-linear-gradient(top,  #494949 0%,#242424 100%); /* IE10+ */

      background: linear-gradient(to bottom,  #494949 0%,#242424 100%); /* W3C */

      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#494949′, endColorstr=’#242424′,GradientType=0 ); /* IE6-8 */

      }

      .cms-links{ float: left;}

      .access { float: left;}

      .copyright{height:100%;}

      .cart .crosssell {display:none !important;}

      .cart .cart-collaterals .col2-set, .cart .cart-collaterals .col2-set .col-2 {width:100%;}

      .cart .totals .checkout-types {text-align:right;}

      .account-login .content {min-height: 100px;}

      .form-list select {width:240px;}

      .form-list input.input-text, .form-list li.wide input.input-text {width:226px;}

      .opc .step {padding:15px;}

      .form-list label {font-size:10px;}

      .featurd-image div {display:none !important;}

       

      [class*="span"] {

      margin-left: 0px;

      }

      .row-fluid {

      width: 100%;

      }

      .row {

      margin-left: 0;

      }

      .row > [class*="span"], .row-fluid > [class*="span"], .col-left, .boxed .product-view .product-shop, .boxed .product-shop,.boxed .product-img-box,.col3-layout .col-wrapper,.col3-layout .col-main, .products-grid li.item,.product-shop,.product-img-box, .header .logo {

      float: none;

      display: block;

      width: auto;

      margin: 0;

      position:inherit;

      }

      }

       

      @media (min-width: 480px)and (max-width: 768px){

      .span12, .container, .page {width: 500px;}

      #slider-wrapper { float: left; position: relative; width: 500px !important;}

      #slider {height: 225px !important; width: 500px;}

      #slider .panel img {height: 225px; width: 500px;}

      .jcarousel-skin-tango .jcarousel-container-horizontal{width:425px!important;}

      .jcarousel-skin-tango .jcarousel-clip-horizontal{width:420px!important;}

      .wired-home .subscribe{width:94%; margin-top:10px;}

      .footer .footer-block {float: left; margin-left: 0; margin-top: 10px; width: 220px;}

      .footer .payment {float: left; margin-top: 10px;}

      .access .links li { display:inline; margin-right: 5px; font-size: 12px;}

      .cart .shipping .form-list select { width: 200px;}

      .cart .shipping .form-list input.input-text, .cart .discount input.input-text  { width: 194px;}

      }

       

      @media (min-width: 768px) and (max-width: 979px) {

      .mini-products-list .product-details {display:none;}

      #slider-wrapper{width:500px !important;}

      .promo-right {width: 30%;}

      #slider {height: 250px !important;}

      .panel {height: 262px !important; width: 100% !important;}

      #slider .panel img {height: 100% !important; width: 100% !important;}

      .promo-right {width: 210px !important;}

      .promo-right img {margin-bottom: 11px; width: 100%;}

      .subpromo, .promo-bottom{ display:none;}

      .jcarousel-skin-tango .jcarousel-container-horizontal{width:375px !important;}

      .jcarousel-skin-tango .jcarousel-clip-horizontal{ width:100% !important;}

      .jcarousel-skin-tango .jcarousel-item{padding:0!important;}

      .footer .footer-block{width:100px;}

      .block-content img{ width:100%;}

      .products-grid li a img{ width:110px; height:100px;}

      .products-grid li.item{ width:112px; height:100px; padding: 0 0 180px;}

      .products-grid .product-image{ width:110px;height:100px;}

      .product-tabs a {padding: 6px 10px;}

      .form-list li.wide input.input-text {width: 255px;}

      .product-view .product-shop {float: none; width: auto;}

      .cart .cart-collaterals .col2-set .col-2, .cart .totals{width:475px;}

      .cart .shipping .form-list input.input-text {width: 190px;}

      .cart .shipping .form-list select, .cart .discount input.input-text {width: 197px;}

      /*.header .logo {margin-right: 15px;}

      .header .form-search input.input-text {width: 113px;}

      .jcarousel-skin-tango .jcarousel-item {padding: 20px 10px;}

      .categories-slide .product-image  img{width:80px;}

      .categories-slide .product-details { min-height: auto; padding: 10px 0 0 90px;}

      .footer.copyright .span5 {width:290px;}

      button.button.btn-cart span span {padding:0 7px;}

      .product-essential {padding: 15px;}

      .product-collateral {padding: 15px;}

      .product-view .product-shop { float: none; margin-left: 0;  width: auto;}

      .product-collateral .tabs li a {padding: 4px 13px;}*/

      .row {

      margin-left: -20px;

      *zoom: 1;

      }

      .row:before, .row:after {

      display: table;

      content: “”;

      }

      .row:after {

      clear: both;

      }

       

      [class*="span"] {

      float: left;

      margin-left: 20px;

      }

      .span1 {

      width: 42px;

      }

      .span2  {

      width: 102px;

      }

      .span3 {

      width: 164px;

      }

      .span4 {

      width: 228px;

      }

      .span5 {

      width: 290px;

      }

      .span6 {

      width: 352px !important;

      }

      .span7 {

      width: 414px;

      }

      .span8 {

      width: 476px;

      }

      .span9 {

      width: 538px;

      }

      .span10 {

      width: 600px;

      }

      .span11 {

      width: 662px;

      }

      .span12, .container, .page {

      width: 724px;

      }

      .offset1 {

      margin-left: 82px;

      }

      .offset2 {

      margin-left: 144px;

      }

      .offset3 {

      margin-left: 206px;

      }

      .offset4 {

      margin-left: 268px;

      }

      .offset5 {

      margin-left: 330px;

      }

      .offset6 {

      margin-left: 392px;

      }

      .offset7 {

      margin-left: 454px;

      }

      .offset8 {

      margin-left: 516px;

      }

      .offset9 {

      margin-left: 578px;

      }

      .offset10 {

      margin-left: 640px;

      }

      .offset11 {

      margin-left: 702px;

      }

      .row-fluid {

      width: 100%;

      *zoom: 1;

      }

      .row-fluid:before, .row-fluid:after {

      display: table;

      content: “”;

      }

      .row-fluid:after {

      clear: both;

      }

      .row-fluid > [class*="span"] {

      float: left;

      margin-left: 2.762430939%;

      }

      .row-fluid > [class*="span"]:first-child {

      margin-left: 0;

      }

      .row-fluid > .span1 {

      width: 5.801104972%;

      }

      .row-fluid > .span2 {

      width: 14.364640883%;

      }

      .row-fluid > .span3, .featured-products li {

      width: 22.928176794%;

      }

      .row-fluid > .span4 {

      width: 30.491712705%;

      }

      .row-fluid > .span5 {

      width: 40.055248616%;

      }

      .row-fluid > .span6 {

      width: 48.618784527%;

      }

      .row-fluid > .span7 {

      width: 57.182320438000005%;

      }

      .row-fluid > .span8 {

      width: 65.74585634900001%;

      }

      .row-fluid > .span9 {

      width: 74.30939226%;

      }

      .row-fluid > .span10 {

      width: 82.87292817100001%;

      }

      .row-fluid > .span11 {

      width: 91.436464082%;

      }

      .row-fluid > .span12 {

      width: 99.999999993%;

      }

      input.span1, textarea.span1, .uneditable-input.span1 {

      width: 32px;

      }

      input.span2, textarea.span2, .uneditable-input.span2 {

      width: 94px;

      }

      input.span3, textarea.span3, .uneditable-input.span3 {

      width: 156px;

      }

      input.span4, textarea.span4, .uneditable-input.span4 {

      width: 218px;

      }

      input.span5, textarea.span5, .uneditable-input.span5 {

      width: 280px;

      }

      input.span6, textarea.span6, .uneditable-input.span6 {

      width: 342px;

      }

      input.span7, textarea.span7, .uneditable-input.span7 {

      width: 404px;

      }

      input.span8, textarea.span8, .uneditable-input.span8 {

      width: 466px;

      }

      input.span9, textarea.span9, .uneditable-input.span9 {

      width: 528px;

      }

      input.span10, textarea.span10, .uneditable-input.span10 {

      width: 590px;

      }

      input.span11, textarea.span11, .uneditable-input.span11 {

      width: 652px;

      }

      input.span12, textarea.span12, .uneditable-input.span12 {

      width: 714px;

      }

      }

       

      [email protected] (max-width: 979px) {

       

      body {

      padding-top: 0;

      }

      .span5 {

      margin-left: 0;

      }

      .footer .row-fluid > [class*="span"]:first-child {

      margin-left: 2.5641% ;

      }

      .navbar-fixed-top {

      position: static;

      margin-bottom: 18px;

      }

      .blockHome .row-fluid > [class*="span"] {

      margin-left: 0 !important;

      }

       

      .blockHome {.border-radius(2px); border:1px solid #D8D8D8 !important; }

      .footer .row-fluid > .span3{

      width: 21.93%;

      }

      .navbar-fixed-top .navbar-inner {

      padding: 5px;

      }

      .navbar .container {

      width: auto;

      padding: 0;

      }

      .navbar .brand {

      padding-left: 10px;

      padding-right: 10px;

      margin: 0 0 0 -5px;

      }

      .navbar .nav-collapse {

      clear: left;

      }

      .navbar .nav {

      float: none;

      margin: 0 0 9px;

      }

      .navbar .nav > li {

      float: none;

      }

      .navbar .nav > li > a {

      margin-bottom: 2px;

      }

      .navbar .nav > .divider-vertical {

      display: none;

      }

      .navbar .nav .nav-header {

      color: #999999;

      text-shadow: none;

      }

      .navbar .nav > li > a, .navbar .dropdown-menu a {

      padding: 6px 15px;

      font-weight: bold;

      color: #999999;

      -webkit-border-radius: 3px;

      -moz-border-radius: 3px;

      border-radius: 3px;

      }

      .navbar .dropdown-menu li + li a {

      margin-bottom: 2px;

      }

      .navbar .nav > li > a:hover, .navbar .dropdown-menu a:hover {

      background-color: #222222;

      }

      .navbar .dropdown-menu {

      position: static;

      top: auto;

      left: auto;

      float: none;

      display: block;

      max-width: none;

      margin: 0 15px;

      padding: 0;

      background-color: transparent;

      border: none;

      -webkit-border-radius: 0;

      -moz-border-radius: 0;

      border-radius: 0;

      -webkit-box-shadow: none;

      -moz-box-shadow: none;

      box-shadow: none;

      }

      .navbar .dropdown-menu:before, .navbar .dropdown-menu:after {

      display: none;

      }

      .navbar .dropdown-menu .divider {

      display: none;

      }

      .navbar-form, .navbar-search {

      float: none;

      padding: 9px 15px;

      margin: 9px 0;

      border-top: 1px solid #222222;

      border-bottom: 1px solid #222222;

      -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);

      -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);

      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);

      }

      .navbar .nav.pull-right {

      float: none;

      margin-left: 0;

      }

      .navbar-static .navbar-inner {

      padding-left: 10px;

      padding-right: 10px;

      }

      .btn-navbar {

      display: block;

      }

      .nav-collapse {

      overflow: hidden;

      height: 0;

      }

      }

      */

       

      @media (max-width: 1200px) {

      .mini-products-list .product-details {display:none}

      .product-view .product-img-box {

      float: none;

      width:47%;

      }

      }

       

      @media (min-width: 1200px) {

      .row {

      margin-left: -30px;

      *zoom: 1;

      }

      .products-grid.row {

      margin-left: -17px;

      *zoom: 1;

      }

      .row:before, .row:after {

      display: table;

      content: “”;

      }

      .row:after {

      clear: both;

      }

      .featured-products li {

      float:left;

      margin-left:30px;

      }

      [class*="span"] {

      float: left;

      margin-left: 30px;

      }

      .category-products .span2 {

      margin-left: 20px;

      }

      .boxed .product-shop {

      width: 488px;

      }

      .boxed .product-img-box {

      width: 298px;

      }

      .featured-products li {

      width: 204px;

      }

      .span1 {

      width: 70px;

      }

      .span2 {

      width: 170px;

      }

      .span25 {

      width: 210px;

      }

      .span3 {

      width: 195px;

      }

      .span4 {

      width: 265px;

      }

      .span5 {

      width: 433px;

      }

      .span6 {

      width: 570px;

      }

      .span7 {

      width: 670px;

      }

      .span8 {

      width: 674px;

      }

      .span9 {

      width: 735px;

      }

      .span10 {

      width: 970px;

      }

      .span11 {

      width: 1070px;

      }

      .span12, .container,.page{

      width: 960px;

      }

      .offset1 {

      margin-left: 130px;

      }

      .offset2 {

      margin-left: 230px;

      }

      .offset3 {

      margin-left: 330px;

      }

      .offset4 {

      margin-left: 430px;

      }

      .offset5 {

      margin-left: 530px;

      }

      .offset6 {

      margin-left: 630px;

      }

      .offset7 {

      margin-left: 730px;

      }

      .offset8 {

      margin-left: 830px;

      }

      .offset9 {

      margin-left: 930px;

      }

      .offset10 {

      margin-left: 1030px;

      }

      .offset11 {

      margin-left: 1130px;

      }

      .row-fluid {

      width: 100%;

      *zoom: 1;

      }

      .row-fluid:before, .row-fluid:after {

      display: table;

      content: “”;

      }

      .row-fluid:after {

      clear: both;

      }

      .row-fluid > [class*="span"] {

      float: left;

      margin-left: 2.564102564%;

      }

      .row-fluid > [class*="span"]:first-child {

      margin-left: 0;

      }

      .row-fluid .payment-options.span6 {

      margin-left:0 !important;

      margin-right: 2.5641% !important;

      }

      .row-fluid > .span1 {

      width: 5.982905983%;

      }

      .row-fluid > .span2 {

      width: 14.529914530000001%;

      }

      .row-fluid > .span25 {

      width:18.785%;

      }

      .row-fluid > .span3 {

      width: 21.8%;

      }

      .footer   .row-fluid > .span3 {

      width: 22.4% !imortant;

      }

      .row-fluid > .span4 {

      width: 31.623931624%;

      }

      .row-fluid > .span5 {

      width: 40.170940171000005%;

      }

      .row-fluid > .span6 {

      width: 48.717948718%;

      }

      .row-fluid > .span7 {

      width: 57.264957265%;

      }

      .row-fluid > .span8 {

      width: 65.81196581200001%;

      }

      .row-fluid > .span9 {

      width: 74.358974359%;

      }

      .row-fluid > .span10 {

      width: 82.905982906%;

      }

      .row-fluid > .span11 {

      width: 91.45299145300001%;

      }

      .row-fluid > .span12 {

      width: 100%;

      }

      input.span1, textarea.span1, .uneditable-input.span1 {

      width: 60px;

      }

      input.span2, textarea.span2, .uneditable-input.span2 {

      width: 160px;

      }

      input.span3, textarea.span3, .uneditable-input.span3 {

      width: 260px;

      }

      input.span4, textarea.span4, .uneditable-input.span4 {

      width: 360px;

      }

      input.span5, textarea.span5, .uneditable-input.span5 {

      width: 460px;

      }

      input.span6, textarea.span6, .uneditable-input.span6 {

      width: 560px;

      }

      input.span7, textarea.span7, .uneditable-input.span7 {

      width: 660px;

      }

      input.span8, textarea.span8, .uneditable-input.span8 {

      width: 760px;

      }

      input.span9, textarea.span9, .uneditable-input.span9 {

      width: 860px;

      }

      input.span10, textarea.span10, .uneditable-input.span10 {

      width: 960px;

      }

      input.span11, textarea.span11, .uneditable-input.span11 {

      width: 1060px;

      }

      input.span12, textarea.span12, .uneditable-input.span12 {

      width: 1160px;

      }

      .thumbnails {

      margin-left: -30px;

      }

      .thumbnails > li {

      margin-left: 30px;

      }

      }

      </code>

       

      Then locate the file \app\design\frontend\default\hellowired\layout\page.xml and add this line as a child of <block type=”page/html_head” name=”head” as=”head”> just where the CSS includes are configured:

       

      <code>

      <action method=”addCss”><stylesheet>css/responsive.css</stylesheet></action>

      </code>

       

      and that’s the solution for me!

    Viewing 12 posts - 1 through 12 (of 12 total)
    Reply To: Responsive Hellowired theme not working
    Your information:





    <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">