× Tip and Trick, Solved Solution and bug fix for Joomla Website

Adding simple horizontal text menu css in Protostar template

  • admin
  • admin's Avatar Topic Author
  • Offline
  • Administrator
  • Administrator
More
1 year 1 month ago - 1 year 1 month ago #68 by admin
Adding simple horizontal text menu css in Protostar template by

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-hor
Set Module Style as horz


Result:
Attachments:
Last edit: 1 year 1 month ago by admin.

Please Log in or Create an account to join the conversation.

Time to create page: 0.061 seconds
Powered by Kunena Forum