Joomla Templates Club 406,261 posts

[sobini Friend sobiniJoin date: May 2007Posts: 52Downloads:4Uploads:6 Thanks: 29]

#192087

Hi!

I am using a child items in the left sidebar menu, it results in a dropdown menu, that dissapears when the the mouse is not there. Since the menu is in the sidebar, I would like to have the child links show after the partent is clicked.

I have been able to change the styling of the dropdown menu to fit the template, but unfotunately can’t figure out how to make it stick.

Here is a sceenshot:

Thanks!

---

Attachments:

1. 

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

#511801

It’s very difficult to guess and suggest the solution for this problem based on a screenshot. Please send me URL of your site and let me know if you have changed anything in css style. I shall help you to find the solution.

[sobini Friend sobiniJoin date: May 2007Posts: 52Downloads:4Uploads:6 Thanks: 29]

#511838

The URL is: http://www.uwerk.at. All the changes I made are in custom.css. For the dropdown menu I have only changed the color and removed the border+shaddows.

Thanks.

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

#511922

<blockquote>I would like to have the child links show after the partent is clicked. </blockquote>

With my below solution you can show the child links after the parent is clicked.

Open templates/uwerk/css/custom.css file

from


.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
list-style: none;
background-color: #fff
border: 0px ;
border: 0px ;

padding: 0;
margin: 0;
-webkit-border-radius: 0 0 0 0;
-moz-border-radius: 0 0 0 0;
border-radius: 0 0 0 0;
-webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
-moz-box-shadow: 0 0 0 rgba(0,0,0,0);
box-shadow: 0 0 rgba(0,0,0,0);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}


Change to


.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display:block !important;
float: left;
min-width: 160px;
list-style: none;
background-color: #fff
border: 0px ;
border: 0px ;
padding: 0;
margin: 0;
-webkit-border-radius: 0 0 0 0;
-moz-border-radius: 0 0 0 0;
border-radius: 0 0 0 0;
-webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
-moz-box-shadow: 0 0 0 rgba(0,0,0,0);
box-shadow: 0 0 rgba(0,0,0,0);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}


Let me know if I do not did not understand your request.

1 user says Thank You to Ninja Lead for this useful post

1. sobini

[sobini Friend sobiniJoin date: May 2007Posts: 52Downloads:4Uploads:6 Thanks: 29]

#511984

HI!

Thank you so much. It worked!!!

[Author]

Posts