Forums

[resolved] Widening Custom Menu (2 posts)

  1. then9nja
    Member
    Posted 9 months ago #

    Having some issues with my site using the Twenty Ten template.
    Codeman Services
    I've set up the portfolio section of the navigation bar as a drop-down list of links (using custom menu) and can't figure out how to widen the block enough to make the links that have become two lines display as one line.

    I've tried adding width: 300px to

    #access ul ul {
    	display:none;
    	position:absolute;
    	top:38px;
    	left:0;
    	float:left;
    	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    	z-index: 99999;
    }

    All it did was widen the box itself to show two columns, and left the affected links at two lines.

    Any ideas?

  2. then9nja
    Member
    Posted 9 months ago #

    I feel dumb now. I managed to fix this myself. In case anyone else has a similar problem in the future, the code I <b>actually</b> needed to fix was

    #access ul ul a {
    	background:#333;
    	height:auto;
    	line-height:1em;
    	padding:10px;
    	width: 190px;
    }

    I simply upped the width there.

Reply

You must log in to post.

About this Topic