Log in

View Full Version : Drop-Down CSS


Fields
11-29-2014, 08:58 AM
Hello,

I have a problem with the navigation drop-down menu. I would like to adjust for example the height of the boxes:

http://tactical-riot-gaming.de/images/dropdown.png

It's hard to find for me in this template jungle. Could you tell me what I need to edit?

Thanks :)

Best regards,
Fields

ozzy47
11-29-2014, 09:11 AM
Add this to your additional.css

#navtabs .popupmenu ul li a {
height: 40px;
padding-top:20px;
}

Adjust as needed. :)

Fields
11-29-2014, 09:38 AM
Thank you very much, that is exactly what I was looking for, ozzy :) I adjusted the height, but now the links still stay on their position:

http://tactical-riot-gaming.de/images/dropdown2.png

Is there something missing in the CSS?

ozzy47
11-29-2014, 09:39 AM
Did you adjust padding-top:20px; Also is this a navtab or a sublink dropdown?

Fields
11-29-2014, 10:07 AM
Yes, I tried to adjust padding-top. It is a navtab dropdown.

ozzy47
11-29-2014, 10:09 AM
Ok then lets do this instead.

#navtabs .popupmenu ul, #navtabs .popupmenu ul li a {
height: 40px;
line-height: 40px;
}

Set the height and line-height to the same value.

Fields
11-29-2014, 10:20 AM
That did it, thank you very much, ozzy! :)

ozzy47
11-29-2014, 10:23 AM
Not a problem, glad to help. :)