Related Products Issue

[Mish]

I am trying to have the related products listed in 3 columns and I can't seem to find out why the products will not display in columns, it will only display in one column. I have removed classes as I thought that was the issue but still does not work. What am I missing? Is there a script for the related products in the theme that could be causing this issue? Any help is greatly appreciated. Thanks in advance.

        <p class="tab-current"><font color="#47A3DA">Make all your part and quantity selections, then click any "Add and Go to Cart" button when completed.<br></font></p>
        <hr>
        <form method="post" action="&mvte:urls:BASK:rr;">
        <input type="hidden" name="Action" value="ADPM" />
        <div class="column whole product-information--purchase">
            <mvt:foreach iterator="product" array="related_products:products">
                <div class="product-item" style="width:25%">
                <mvt:if expr="l.settings:product:inv_level NE 'out'">
                    <span class="item-buttons">
                    <input type="hidden" name="Old_Screen" value="&mvte:global:Screen;" />
                    <input type="hidden" name="Old_Search" value="&mvte:global:Search;" />
                    <input type="hidden" name="Attributes" value="Yes" />
                    <input type="hidden" name="Category_Code" value="&mvte:global:Category_Code;" />
                    <input type="hidden" name="Offset" value="&mvte:global:RelatedOffset;" />
                    <input type="hidden" name="AllOffset" value="&mvte:global:AllOffset;" />    
                    <input type="hidden" name="RelatedOffset" value="&mvte:global:RelatedOffset;" />
                    <input type="hidden" name="SearchOffset" value="&mvte:global:SearchOffset;" />    
                    <input type="hidden" name="Products[ &mvt:product:id; ]:code" value="&mvte:product:code;">
                    <span class="product-details">
                    <mvt:if expr="NOT ISNULL l.settings:product:customfield_values:productimagecustomfields:main">
                        <img src="&mvt:product:customfield_values:productimagecustomfields:main;" alt="&mvte:product:name;" alt="&mvte:product:name;" height="150"><br>
                    <mvt:elseif expr="NOT ISNULL l.settings:product:thumbnail">
                        <img src="&mvte:product:thumbnail;" alt="&mvte:product:name;" height="150"> <br>
                    <mvt:else>
                    <img src="graphics/00000001/img_no_related.jpg" height="150" alt="&mvte:product:name;" /> <br>
                    </mvt:if>
                    &mvt:product:name; &mvt:product:descrip; <br>
                    <mvt:if expr="l.settings:product:base_price GT l.settings:product:price"><s>&mvt:product:formatted_base_price;</s></mvt:if></span>
                    <span class="product-price">&mvt:product:formatted_price; ea.</span>                    
                    <div class="clear"></div>
                    <span class="product-details"><br>
                    <span class="product-add-to-cart-qty float-left medium-inline-block hide">Quantity:</span>
                        <input type="tel" name="Products[ &mvt:product:id; ]:quantity" value="0" class="align-center float-left increase-decrease-input" data-min="0">
                                    <div class="increase-decrease-wrap float-left">
                                    <span id="js-increase-quantity" class="button increase-quantity" unselectable="on" data-icon="&#x4c;"></span>
                                    <span id="js-decrease-quantity" class="button decrease-quantity" unselectable="on" data-icon="&#x4b;"></span>
                                    </div>
                    </span>
                    </span><br><br><br>
                </mvt:if>
                <div class="clear"></div>
                </div>
                   <mvt:if expr="(POS1 MOD 12) EQ 0"><hr><center><button id="js-quickview-add-to-cart" class="button button-block uppercase add-to-cart bg-green white bold">Add and Go to Cart</button></center><hr></mvt:if>
            </mvt:foreach>
        </form>
        </div>

[William Davis]

I'm wondering how would that affect your mobile version page speed.

[Bruce - PhosphorMedia]

There are several issues here. If you are trying to do columns with a ReadyTheme's slider...its just not going to work. If you are just trying to make a static set of columns you need to set the product's main container to 'float:left'. Also, the product's quantity control to increase or decrease the count wont work because you don't have unique IDs on the controls and quantity field.

[Mish]

Thank you for the input, I was able to tinker with my coding and got it all working.