Joomla Templates Club 406,261 posts

[1option Friend 1optionJoin date: April 2010Posts: 49Downloads:184Uploads:4 Thanks: 9]

#962561

On the vertical menu setting, the icons are displaying above the text and not to the left of the text like in demo? How do I get it so icons are to the left like in demo?

Thanks.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#962572

@1option

You can update your site’s URL and admin login info, I will check for you.

[1option Friend 1optionJoin date: April 2010Posts: 49Downloads:184Uploads:4 Thanks: 9]

#962573

This reply has been marked as private.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#962590

In the file: ROOT/templates/ja_intranet/less/navbar.less

I changed to this:

      // Icon
      > span,
      .fa {
        display: inline-block;
        font-size: @font-size-h2;
        margin-bottom: @t3-global-margin / 4;
      }

and the icons show horizontally now.

[1option Friend 1optionJoin date: April 2010Posts: 49Downloads:184Uploads:4 Thanks: 9]

#962708

Another question is how do you make it so icons default (text does not show like on mobile), even in desktop view?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#962861

You can simply define the width for the navigation bar:

• Go to file: ROOT/templates/ja_intranet/css/custom.css (create this file if it doesn’t exist)
• Add this rule:

div.t3-wrapper.layout-vertical.navbar-hidden .navbar-default-vertical {
   width: 50px;
}

or change to your desired value

[Author]

Posts