Can I change the sub navigation dropdowns in the Modxhost template?

145 Posts

daviat Reply #1, 16 years ago

Hi . . .

I want to change the width and color of the sub-directory drop-down buttons on the navigation array for the template modxhost. Can this be done? The sub-directory (Children) button titles are cut off since the buttons in the drop-downs are too narrow. I would like to widen the sub-directory drop-down navigation. Where can I do that?

thanks,
Daniel

145 Posts

daviat Reply #2, 16 years ago

Just checking back. Any ideas for me?

thanks,
Daniel

793 Posts

ottogal Reply #3, 16 years ago

Go into the file [tt]assets/templates/modxhost/modxmenu.css[/tt] and choose a bigger value for width in this rule:

#ajaxmenu ul li {
	position: relative;
	float: left;
	width:129px;
	display: block;
	text-decoration: none;
	text-align: center;
	font-weight: normal;
}

And here you can change the background-image:

#ajaxmenu ul li.category {
	color: #062E4B;
	font-weight: bold;
	height: 28px;
	line-height: 28px;
	padding-right: 0px;
	padding-left: 0px;
	background-image: url(images/menu.png);
	background-repeat: no-repeat;
	background-position: -129px;
	margin: 0px;

	}

145 Posts

daviat Reply #4, 16 years ago

I know this one. I was talking about the actual sub-directory flyouts and not the actual buttons. I need to widen the flyouts so they will fit the longer flyout section ’title’. Can that be down? Currently the flyout buttons conform to the width of the actual button. I want the flyout navigation buttons to be wider.

thanks,
Daniel