Centered main menu icons

Any chance you can post a link to your site? Then I could make an attempt to write you some CSS to achieve this.

I don’t see the icons on your menu, using either Safari or Firefox. How did you add them?

Are you using :before or :after to add the icons? Can you post the CSS you’re using to Pastebin and post the link here?

You could try some absolute positioning, but this is something that’s a bit of a challenge to get completely right.

.sf-menu li {
	position: relative;
}

.sf-menu li a i {
	position: absolute;
}

.sf-menu li.menu-home a i {
	top: 35%;
	left: 40%;
}

You may have to adjust the percentages individually for each menu item, and if that’s the case, you can use .sf-menu li.menu-about-us a i {}, .sf-menu li.latest-news a i {}, etc.