Webstop Support Logo

IGALink Website Support Center

Support Center

Two columns in Store Locator pages

Last Updated: Feb 05, 2013 04:03PM EST

You can spice up your store locator pages by creating two columns layouts in various parts of the page.  This can be done in any field with the label "html allowed" next to it. Here is an html snippet which creates a list of items split into two columns.

 

 
<!-- LEFT COLUMN -->
<div style="width: 48%; margin: 0; float: left;">
  <ul>
    <li>list of things on left</li>
    <li>list of things on left</li>
    <li>list of things on left</li>
    <li>list of things on left</li>
  </ul>
</div>
 
<!-- RIGHT COLUMN -->
<!-- Note: don't let the "float: left" throw you off, this will be a column on the right -->
<div style="width: 48%; margin: 0; float: left;">
  <ul>
    <li>list of things on right</li>
    <li>list of things on right</li>
    <li>list of things on right</li>
    <li>list of things on right</li>
  </ul>
</div>
<div style="clear: both;"></div>

Contact Us