How to Display Product Descriptions Automatically in Mobile Version – Magento 1.9

ce-1.9.0.1magento-1.9mobilerwdrwd-theme

We are using 1.9.0.1, the rwd theme.

By default, you need to click "Description" when viewing a product on your phone, and then the description will drop down and show.

I feel like a lot of customers glance over this, and I would like the description to load automatically.

Is there a way to do this?

Thanks

Open your styles.css and apply the following style

@media (max-width: 770px)
{
  .product-collateral > dl > dd {
    display: block !important;
  }
}

The guide has additional information you'll need to get started.

I found this myself.To change tabs to accordion, edit

_catalog-product.scss

@include bp(min-width, $bp-medium + 1) {

    .product-collateral {
        @include tabs;
    }
}

change this to

@include bp(min-width, $bp-medium + 1) {

    .product-collateral {
        @include accordion;
        @include accordionCollapse;
    }
}