Hello, can someone please tell me how to resize this drop-down list that I am using below. Someone was so kind to share this code to create this drop list for my product categories but for some reason it will not re-size the width automatically to show the full category names and the names are being cut off on the right hand side. List works great, just needs to be wider and I have no idea where to start.
<select name="listCategories" onchange="window.location=this.options[selectedIndex].value">
<option value=""><font class="VertMenuItems">Select A Product Category</font></option>
{foreach from=$categories_menu_list item=c name=categories}
{if $c.order_by < 899 && $c.product_count ne 0}
<option value="home.php?cat={$c.categoryid}">{$c.category} </font></option>
{/if}
{/foreach}
</select>
I created a template called dropdown_categories.tpl and I have placed it here on my header page:
<div id="st_menu_container">
<div id="st_menu">
{if $config.Smart_Template.st_horiz_menu eq "Y"}
{include file="custom/horiz_categories.tpl"}
{else}
{include file="custom/dropdown_categories.tpl"}
{/if}
</div>
</div>
--------------------------------------------------------------------
Inside my css the style is set to:
#st_menu_container { float: left; width: 42%; }
#st_menu { margin-right: 0px; }
These settings do nothing for the size though.
Thank you for your help and time. Shareen