Adjusting Size of Menu Bar

[Catherine Driscoll]

Hi there,
I am trying to change the size of my menu bar on my website beef4hunger.org/wordpress. I want to make the part where it says “Home, Hunger in America, Donate, Contact Us” smaller and so theres not as big as a gap above for all of the pages.
Thanks,
Ellen

[Bill Robbins]

Ellen,

Great question. You can change those up. Go to the Theme Options page and select the styling tab. At the top choose “yes” to include custom styling.

Then scroll down to the Custom CSS box and paste this:

.primary nav a, 
.primary nav a:visited {
	font-size: 1.1em;
	margin-left: 11px !important;
}

That will reduce the size of the menu items and also the left hand margin which sets the space between them. You can adjust those number to get the right fit.

You also might want to add these styles while you’re at it to adjust the spacing on the donation bar just a bit:

#home-bar #donate-graph-holder {
	position: absolute ;
	width: 40%;
	left: 30%;
}

#donate-end {
	position: absolute;
	right: -26%;
	top: 0px;
}

If you have any trouble, let me know,
Bill

[Author]

Posts