Joomla Templates Club 406,261 posts

[Berd Veen Friend Berd VeenJoin date: September 2014Posts: 18Downloads:9Uploads:3]

#1003510

Hello,

The sub-menu on the right side has the sub-items shown as an mouse-over pull-down menu.
Can the sub-menu items be shown as a tree structure? See my image.

http://www.axiair.nl/_NIEUW/index.php/over-axiair/info-service

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1003645

Hi
Add below code in custom.css file

.t3-sidebar .dropdown-submenu > .dropdown-menu {
position: static;
display: block;
float: none;
background-color: initial;
border: 0px solid #cccccc ;
-webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.175) ;
box-shadow:none;
padding-left: 15px;
}

Hope it helps.

[Berd Veen Friend Berd VeenJoin date: September 2014Posts: 18Downloads:9Uploads:3]

#1003816

Hi,

Yes this works! Great. And how can i handle the arrow? I want the arrow to point down
I seen some css `
.dropdown-submenu > a::after {
content: " ";
}

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1003830

Hi
Use below code in custom.css file

.t3-sidebar .dropdown-submenu > a:after {display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

[Author]

Posts