Solodev Nav

Displays the structured folders in the navigation (left or main).

Nav Menu


Usage

Shortcode:

[solodev_nav]

 

Parameters:

ParametersDescription
[parent_category_id] (required) The ID of the www folder
[levels] How deep the navigation should display (numeric value)
[nav_class] (optional) Classes can be added

 

Code Example:

<div class="nav main-nav">
  [solodev_nav parent_category_id="14742" levels="2" nav_class="navbar-nav navbar-right"]
</div>
  • It is highly recommended to use navbar-right as one of the classes for this shortcode.
  • You need to include the folders you want to add to the navigation. To do this, go to the www folder, open the folder you would like to structure (add to the navigation) and click on Update Folder. Once in the folder, click on Website Properties and check Include in Website Navigation.

CSS

We recommend adding this CSS code to your main navigation and do the respective modifications based on your website's style.

nav .navbar .navbar-nav {
  padding-right: 0;
  padding-left: 0;
  list-style: none;
}

.navbar.navbar-fixed li {
  width: auto;
}

nav .navbar .navbar-nav > li > a {
  font-size: 20px;
  text-transform: uppercase;
  color: #fff;
  line-height: 88px;
  letter-spacing: 0.25px;
  display: block;
  padding: 0 20px;
}

.navbar.navbar-fixed li ul {
  width: 202px;
  margin-top: -2px;
  visibility: hidden;
  display: none;
}

.navbar.navbar-fixed li ul li {
  width: 100%;
}

nav .navbar .navbar-nav > li > ul > li > a {
  line-height: 50px;
}
  

1 Comments

  • 0
    Avatar
    Shelley Northrup

    Can this be used in the html page or does it need to be in a tpl? I tried it, and could not get it to work. I used the code above and changed the category ID.

    Edited by Shelley Northrup
Please sign in to leave a comment.
Have more questions? Submit a request