Skip navigation

Dreamweaver CC

Currently Being Moderated

Adjusting height of drop down menus

Nov 23, 2012 8:59 AM

I have a drop down menu on a website. I need to adjust the height of SOME of the columns so that the viewer does not need to scroll to see the whole drop down menu.

How would I do this?

Go to http://scomputing.com/q3/ and look at the electronics drop down to see what I mean.

Thanks,

249 Views 1 Reply Latest reply: Rik Ramsay, Nov 23, 2012 9:16 AM

Replies

Currently Being Moderated

1. Rik Ramsay,

Nov 23, 2012 9:16 AM in reply to melana.hobbs

Report

See http://www.bestbuy.com/

You could try googling 'mega menu' and it will throw up a bunch of different ways to accomplish this task. I found this CSS3 one which seems fairly straight-forward.
http://net.tutsplus.com/tutorials/html-css-techniques/how-to-build-a-k ick-butt-css3-mega-drop-down-menu/

However, to reduce the space around those items, try modifying the padding
#nav_wrapper ul li ul li a{
display:none;
padding:10px;
padding:5px 10px; /* top/bottom, left/right */
}

|
Mark as:

Forum guidelines

Answers + Points = Status

10 points awarded for Correct Answers
5 points awarded for Helpful Answers
10,000+ points
1,001-10,000 points
501-1,000 points
5-500 points

Dreamweaver CC

Adjusting height of drop down menus

Nov 23, 2012 8:59 AM

More Like This

Bookmarked By (0)

Answers + Points = Status