User Rating: 5 / 5

วันนี้มาดูวิธีการทำ Menu แนวนอน แบบ Simple ๆ เอาไว้ใช้เป็น Footer menu ด้านล่างของ Website กัน

  • Edit file "/css/template.css" in template "protostar".
.nav-horz li {
    display: inline-flex;
    width: auto;
    list-style: outside none none;
    text-indent: 5px;
}
.nav-horz li+li:before {
    content:'|';
}
  • Create a new footer menu module
    • Config Menu Class Suffix as nav-horz
    • Set Module Style as horz
simpletextmenu3.jpg
  • Result:
simpletextmenu1.jpg
Pin It