Start a new discussion

To start a new discussion please visit the discussions section of the GitHub home page of the project.

Discussions on GitHub

You can also search our old self-hosted forums for any useful information below but please note that posting new content here is not possible any more.

Reply To: Formatting sub-arrows

Home Forums Older releases 1.0.x Formatting sub-arrows Reply To: Formatting sub-arrows

#2675
admin
Keymaster

You can target items that have sub menus and add them some right padding to make room for the sub menu indicator like this:

.main-menu ul li a.has-submenu {
  padding-right:30px;
}

Or, alternatively, you could use the subIndicatorsPos: "prepend" option and then use static position for the sub-arrow and float it to the right – something like:

.main-menu ul li a span.sub-arrow {
  float:right;
  background: url(/Resources/right-arrow-white.png) no-repeat center;
  height: 34px;
  width: 20px;
}

Or if this is just for horizontal main menu items, you could use subIndicatorsPos: "append" and something like:

.main-menu ul li a span.sub-arrow {
  display:inline-block;
  background: url(/Resources/right-arrow-white.png) no-repeat center;
  height: 34px;
  width: 20px;
}