I want to change my home storefront page so I have 3 columns rather than 2. This will alleviate major scrolling down to see my picture categories. I've tried several things and ended up putting them back to where they were because it wasn't doing what I wanted. Can someone help me with the code? I think it's just a simple fix. I've tried adjusting this code but when I change it to 3 columns it doesn't make any difference. (col-md-6 col-sm-6) If you want to see the storefront my website is www.misskatescreations.com. Here is the current coding in the Content section:
<!-- Promo box starts -->
<div class="promo">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="pbox image">
<div>
<mvt:item name="readytheme" param="image( 'promo_1' )" />
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="pbox image">
<div>
<mvt:item name="readytheme" param="image( 'promo_2' )" />
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="pbox image">
<div>
<mvt:item name="readytheme" param="image( 'promo_3' )" />
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="pbox image">
<div>
<mvt:item name="readytheme" param="image( 'promo_4' )" />
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="pbox image">
<div>
<mvt:item name="readytheme" param="image( 'promo_5' )" />
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="pbox image">
<div>
<mvt:item name="readytheme" param="image( 'promo_6' )" />
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="pbox image">
<div>
<mvt:item name="readytheme" param="image( 'promo_7' )" />
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="pbox image">
<div>
<mvt:item name="readytheme" param="image( 'promo_8' )" />
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="pbox image">
<div>
<mvt:item name="readytheme" param="image( 'promo_9' )" />
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="pbox image">
<div>
<mvt:item name="readytheme" param="image( 'promo_10' )" />
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
</div>
<!-- Promo box ends -->
<div class="banner-message">
<div class="container">
<div class="row" style="margin:auto;">
<center><h2><mvt:item name="readytheme" param="banner( 'free_shipping' )" /></h2></center>
</div>
</div>
</div>
<!--take About box out<!-- About box starts -->-->
<!--<div class="about">-->
<!--<div class="container">-->
<!--<div class="row">-->
<!--<h3>About Us</h3>-->
<!--<mvt:item name="readytheme" param="contentsection( 'about-us-homepage' )" />-->
</div>
</div>
</div>
<!-- Featured Products -->
<mvt:item name="readytheme" param="productlisting( 'featured-products' )" />
<!-- Promo box starts -->
<div class="promo">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="pbox image">
<div>
<mvt:item name="readytheme" param="image( 'promo_1' )" />
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="pbox image">
<div>
<mvt:item name="readytheme" param="image( 'promo_2' )" />
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="pbox image">
<div>
<mvt:item name="readytheme" param="image( 'promo_3' )" />
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="pbox image">
<div>
<mvt:item name="readytheme" param="image( 'promo_4' )" />
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="pbox image">
<div>
<mvt:item name="readytheme" param="image( 'promo_5' )" />
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="pbox image">
<div>
<mvt:item name="readytheme" param="image( 'promo_6' )" />
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="pbox image">
<div>
<mvt:item name="readytheme" param="image( 'promo_7' )" />
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="pbox image">
<div>
<mvt:item name="readytheme" param="image( 'promo_8' )" />
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="pbox image">
<div>
<mvt:item name="readytheme" param="image( 'promo_9' )" />
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="pbox image">
<div>
<mvt:item name="readytheme" param="image( 'promo_10' )" />
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
</div>
<!-- Promo box ends -->
<div class="banner-message">
<div class="container">
<div class="row" style="margin:auto;">
<center><h2><mvt:item name="readytheme" param="banner( 'free_shipping' )" /></h2></center>
</div>
</div>
</div>
<!--take About box out<!-- About box starts -->-->
<!--<div class="about">-->
<!--<div class="container">-->
<!--<div class="row">-->
<!--<h3>About Us</h3>-->
<!--<mvt:item name="readytheme" param="contentsection( 'about-us-homepage' )" />-->
</div>
</div>
</div>
<!-- Featured Products -->
<mvt:item name="readytheme" param="productlisting( 'featured-products' )" />
Comment