In the attached example, the combined "Prosper Grayborder Dark Background" style is forcing a bullet on the "single line menu" and "bottom border, no bullets" styles. Also, the right border should be removed from the last menu item.

Appending the following CSS code to local.css should fix the issue for end-users at the moment, but this should be further investigated to make sure there aren't other problematic style combinations.

.prosper-grayborder-darkbackground.fusion-inline-menu li.expanded {
  background-image: none;
}

fusion-inline-menu li.last{
  border-right: none;
}

Comments

Zalatar’s picture

Zalatar commented

I added the code above and it fixed the triangle dropdowns but the last menu item still has a divider at the end.
Thx,
Z

sheena_d’s picture

sheena_d commented

Zalatar,

Ack, sorry, I left out a period! Here is the correct code:

.prosper-grayborder-darkbackground.fusion-inline-menu li.expanded {
  background-image: none;
}

.fusion-inline-menu li.last{
  border-right: none;
}
Zalatar’s picture

Zalatar commented

Hmm...still showing.
I copied code into local.css file in css folder in theme folder. I am using the blue pack if that makes a difference.
Thx,
Z

sheena_d’s picture

sheena_d commented

Hey Z,

Sorry, I thought it was working for me with that code last night, I must have been mistaken. Substitute the section of code that begins with ".fusion-inline-menu" with the following:

.fusion-inline-menu .inner ul.menu li:last-child,
.fusion-inline-menu .inner ul.menu li.last {
  border-right: 0px;
}
Zalatar’s picture

Zalatar commented

Looks great now.
Thanks so much!
Z

stephthegeek’s picture

stephthegeek commented
Assigned: sheena_d » Unassigned
Status: Active » Closed (fixed)