Frontpage bottom links

Hi There,

I am battling with the front page bottom links layout. I have minimized it to 3 sections but it displays in two columns instead of using 3. The code for the custom html module is:

Code: Select all

<div class="gkCols" data-cols="3">
<div>
<h3 class="header">Company</h3>
<ul>
<li>About Us</li>
<li>Services</li>
<li>Partnerships</li>
</ul>
</div>
<div>
<h3 class="header"> Contact Us</h3>
<ul>
<li>Contact Us</li>
<li>Support</li>
<li>Locations</li>
</ul>
<h3 class="header"> Social media</h3>
<ul>
<li>Facebook</li>
<li>Google+</li>
<li>Twitter</li>
</ul>
</div>
</div>

Attached is a screenshot of the result. The site can be viewed at http://lnxwebs12.cpt.wa.co.za/~suremail/

Please let me know how to resolve this issue.

Thanks,
Steven

Hello,

Your problem is caused by the wrong syntax, please use the following code:

Code: Select all

<div class="gkCols" data-cols="3">
<div>
<h3 class="header">Company</h3>
<ul>
<li>About Us</li>
<li>Services</li>
<li>Partnerships</li>
</ul>
</div>
<div>
<h3 class="header"> Contact Us</h3>
<ul>
<li>Contact Us</li>
<li>Support</li>
<li>Locations</li>
</ul>
</div>
<div>
<h3 class="header"> Social media</h3>
<ul>
<li>Facebook</li>
<li>Google+</li>
<li>Twitter</li>
</ul>
</div>
</div>

You have missed:

Code: Select all

</div>
<div>

between two last columns