Place icon on top of label

Hey Bennn,

You can do this via CSS, see the second section of the FAQ.

Thank you for wonderful plugin.

My question is exactly the same as Bennn, I hope I am not incorrectly jumping into the thread.

My test site is floodproblmes.co.uk

How do I place icon above text.
I’m afraid I do not follow your answer.
Can you supply a simple css code.
I use Jetpack with ‘Edit CSS’

I am trying to teach myself CSS and I show part of my CSS coding:
.navbar .nav li a {
color: #000000;
text-shadow: ff0033;
border: 6px solid #E8E7E7;
padding-top: 50px;
/*height: 40px; not needed when padding-top: used*/
/*border colour picks up background colour*/
}

Quintain,

You can try this:

.navbar .nav li a {
	color: #000000;
	text-shadow: ff0033;
	border: 6px solid #E8E7E7;
	padding-top: 50px;
	position: relative;
}
.navbar .nav li a i._mi {
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0px;
	top: 5px;
	margin: 0;
}

Then you can customize the icon sizes using its parent class name, eg:

.navbar .nav li.menu-item-1064 a i._mi {
	font-size: 2em;
}

Thank you that was excellent.
I have tested it out at https://www.floodproblems.co.uk

I increased the size of the ‘Home’ icon using your customizing code but I could not manage to increase the size of any other icon.

BUT I returned to your plugin and simply used the Dashicons preview font size selector which I set to 3em.

Thank you again for your excellent plugin.

I will immediately highly rate it.