Docs

[yhshin1020]

This reply has been marked as private.

[yhshin1020]

This reply has been marked as private.

[Christopher]

Hi there,

Unordered list format should be like this :

<ul>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
</ul>

While yours is like this :

<li>
<ul>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
</ul>
</li>

Please fix your HTML.

Then add image, about, our services and contact us in separate columns. Add Publication and Support us in one column.

Final code would be like following :

<div class="x-column x-1-5 x-sm"><img src="http://www.guidedogssg.com/wp-content/uploads/2016/08/GDAB-LOGO-1-e1472286519189.png"></div>
<div id = "sitemap" class="x-column x-1-5 x-sm">
  <a title="" href="">About</a>
  <ul>
    <li>
      <a title="" href="">About Us</a>
    </li>
    <li>
      <a title="" href="">Chairman's Message</a>
    </li>
    <li>
      <a title="" href="">Our Mission</a>
    </li>
    <li>
      <a title="" href="">Board of Directors</a>
    </li>
    <li>
      <a title="" href="">Guide Dog Team</a>
    </li>
    <li>
      <a title="" href="">Major Achievements</a>
    </li>
  </ul>

</div>
<div id = "sitemap" class="x-column x-1-5 x-sm">
  <a title="" href="">Our Services</a>
  <ul>
    <li>
      <a class ="subhead1"  title="" href="">Guide Dogs Programme</a>
    </li>
    <li>
      <a title="" href="">Guide Dogs</a>
    </li>
    <li>
      <a title="" href="">Legislation</a>
    </li>
    <li>
      <a title="" href="">UNCPRD</a>
    </li>
    <li>
      <a title="" href="">FAQ</a>
    </li>
  </ul>
   <ul>
    <li>
      <a class ="subhead" title="" href="">Orientation and Mobility</a>
    </li>
    <li>
      <a title="" href="">Orientation&Mobility</a>
    </li>
    <li>
      <a title="" href="">FAQ</a>
    </li>
  </ul>
    <ul>
    <li>
      <a class ="subhead" title="" href="">Public Outreach</a>
    </li>
    <li>
      <a title="" href="">Public Outreach</a>
    </li>
  </ul>
</div>
<div id = "sitemap" class="x-column x-1-5 x-sm">
  <a title="" href="">Publications</a>
  <ul>
    <li>
      <a title="" href="">Annual Report</a>
    </li>
    <li>
      <a title="" href="">Newsletter</a>
    </li>
    <li>
      <a title="" href="">Blog</a>
    </li>
  </ul>
  <br>

  <a title="" href="">Support Us</a>
  <ul>
    <li>
      <a title="" href="">Donate to Us</a>
    </li>
    <li>
      <a title="" href="">Fundraise with Us</a>
    </li>
    <li>
      <a title="" href="">Volunteer</a>
    </li>
  </ul>
</div>
<div id = "sitemap" class="x-column x-1-5 x-sm">
  <a title="" href="">Contact Us</a>
  <ul>
    <li>
      <a title="" href="">Find Us</a>
    </li>
    <li>
      <a title="" href="">Registering with GDAB</a>
    </li>
    <li>
      <a title="" href="">Join Us</a>
    </li>
  </ul>
</div>

Hope it helps.

[yhshin1020]

This reply has been marked as private.

[Christopher]

Hi there,

Please add this :

@media (min-width:979px){
ul.sitemap {
    text-align: center;
}
} 

Hope it helps.

[yhshin1020]

That worked great!

I don’t know how to thank you enough.

You guys are awesome – I’ll be recommending X theme to all my friends and colleagues.

Thank you for the speedy response.

[Christopher]

Thanks for your kind words.
We are glad we could help you with this.

[yhshin1020]

This reply has been marked as private.

[yhshin1020]

This reply has been marked as private.

[Christopher]

I’ve already replied you in the other thread.
Please check it.

[Author]

Posts