Joomla Templates Club 406,261 posts

[charleyhankins Friend charleyhankinsJoin date: February 2015Posts: 10Downloads:5Uploads:4 Thanks: 1]

#204866

My side menu is displaying submenus as a flyout.

I would prefer them to open up underneath the selected item.

How do I change that?

Thanks,
CH

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#564216

What did you expect the submenu on your site?

Please give me the screenshot and describe on that, I will help you to check it further

---

Attachments:

1. 

[charleyhankins Friend charleyhankinsJoin date: February 2015Posts: 10Downloads:5Uploads:4 Thanks: 1]

#564259

This is what I’m getting:

This is what I would prefer:

---

Attachments:

1. 
2. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#564369

This way will help you to fix the problem on your site.

Open templates/ja_university_t3/css/custom.css file and add new css style below


.nav-pills .dropdown-submenu > .dropdown-menu {
position: initial;
display: block;
float: initial;
background-color: initial;
border: 0px solid #cccccc ;
-webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.175) ;
box-shadow: 0 0px px rgba(0,0,0,0.175) ;
}

.nav-pills > li .dropdown-menu > li.open > a:hover {
color: #373737 ;
}

.nav-pills > li .dropdown-menu > li > a, .nav-pills > li .dropdown-menu > li > a:hover {
border-bottom: 1px solid #e7e7e7 ;
color: #373737 ;
}

.nav-pills > li > .dropdown-menu:after {
border-bottom: 0px solid #2a3b4d ;
}

.nav-pills > li.dropdown-submenu > a:after {
border-width: 0px;
}


[charleyhankins Friend charleyhankinsJoin date: February 2015Posts: 10Downloads:5Uploads:4 Thanks: 1]

#564452

Thanks. That worked great. Except that the text is not wrapping.

I had added “word-wrap: break-word;” to the css, but, it seemed to have no effect.

Thanks,
CH

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#564486

Maybe the text in submenu is very long, you can fix it with the css style below


.nav-pills > li .dropdown-menu > li > a {
white-space: pre-wrap !important;
}


[Author]

Posts