Dropdown Menu Items Not Showing Up In The Off Canvas Menu - Forum | JoomShaper
Staff replied Helix Framework

Dropdown Menu Items Not Showing Up In The Off Canvas Menu

Asked by Graeme 3 years ago Last activity 3 years ago

Hi This seems to be an issue on several of my sites I have in general been able to use custom CSS to get the Missing elements to display But For some reason on this site all my code which seemed to work on other sites has failed.

And is it posible to get the menu to show in its full state ie all the dropdowns open

3 replies

Oldest first Newest first Most helpful
Paul Frankowski Senior Staff
3 years ago · edited

Hi Greame,

  1. Copy your Custom CSS and paste to online CSS Validator to check if there are no mistakes. Sometimes missing "}" can make a big mess. Or order of loading css files as well ;/
  2. About missing submenu items in Offcanas menu: LOOK DOWN
Paul Frankowski Senior Staff
3 years ago

After longer investigation. I think in your case missing (+) in Mobile menu seems to be caused by small CSS mistake from our side, sorry for that. Please use below custom CSS lines:

.menu-toggler::after {
  content: "\f055";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
}

.offcanvas-inner .sp-module ul > li span.menu-toggler {
  display: block;
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
    cursor: pointer;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent.menu-parent-open > a > .menu-toggler::after,
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent.menu-parent-open > .menu-separator > .menu-toggler::after {
  content: "\f056";
}
Log in to reply.