Bottom widget area

Hi,
I added 5 columns in the bottom widget area. The first two looks good, but then something happens. Do I have to add any custom code to get 5 columns as in your example?

This is what it looks like.

/linus

Could you please provide me with a URL to your website, either here or via PM (click the “Private Message” text underneath my avatar) so that I may analyze it?

Hello,

You are trying to add separeted widgets (each column is separated widget), but on the demo version there's one only two widgets - the first is with 4 column content:

Code: Select all

<div class="gk-columns" data-column-count="4">
<div>
<h3 class="header">Shop</h3>
<ul>
<li><a href="#">Gift Cards</a></li>
<li><a href="#">Find a Store</a></li>
<li><a href="#">International</a></li>
<li><a href="#">We accept PayPal</a></li>
</ul>   
</div>

<div>
<h3 class="header">Customer Care</h3>
<ul>
<li><a href="#">Check Order Status</a></li>
<li><a href="#">Returns &amp; Exchanges</a></li>
<li><a href="#">Gift Services</a></li>
<li><a href="#">International Shipping</a></li>
<li><a href="#">Contact Us</a></li>
</ul>   
</div>

<div>
<h3 class="header">Our policies</h3>
<ul>
<li><a href="#">Security</a></li>
<li><a href="#">Privacy</a></li>
<li><a href="#">Text Messaging</a></li>
<li><a href="#">Legal</a></li>
<li><a href="#">Supply chain</a></li>
</ul>   
</div>

<div>
<h3 class="header">My Account</h3>
<ul>
<li><a href="#">Sign In</a></li>
<li><a href="#">View Cart</a></li>
<li><a href="#">Wish List</a></li>
<li><a href="#">Track My Order</a></li>
<li><a href="#">Help</a></li>
</ul>   
</div>
</div>


and "double" custom css class and the second is with newsletter and social icons.

Thanks, works great!