Change Floating Menu

Normally the advice here would be to make a child theme, but as you seem to have your own custom theme I’m going to assume you can just edit your code directly.

In the file style.css find this piece of code at line 176:

.menu ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	float: right;
	margin-top: 31px;
}

Replace it with this:

.menu ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	float: left;
	margin-top: 120px;
	margin-bottom: 20px;
}

Find the #header selector in line 132 and delete this line:

border-bottom: 5px solid #990000;

Your original theme author seems to have made some slightly odd choices that make the theme tricky to modify, but that should work for now.

amazing it worked! thank you so much!

Is, there any way to lower the title so it doesn’t overlap with the menu?

aiche.osu.edu/about

Oh yes I see the problem, find the #header selector I mentioned above and try changing height: 100px into height: 170px (or something like 170, adjust according to what looks good to you)

Thank you so much, it worked ass well!

One last question if you have some time, I’m trying to add a new menu page (Gallery) but when I add this page the title “Gallery” doesn’t appear on the menu bar, is there any way to fix this?

When you create a page it doesn’t automatically appear on the menu, you have to add it separately. If that is it let me know if you need any further guidance.