Showcase Pro – left and right menu have different levels

[kimoribj]

Hello!

I am using Showcase pro and I have menu items on the left side and some on the right side.
My problem is, that the heights are different:

the left part of the menu is a bit too high.

I discovered when i remove the line height declaration in the css in the body, both levels will be the same again. But I would like to know whats the reason for this because it is in the original css file and in the demo.

Would be nice if someone could help me.

Thanks

https://musikerdienst.com

[William]

Perhaps it has to do with floating the menu items to the left?

---

Genesis Customization Service | Quick fixes whenever you need them ! | Contact me at Fixmysite.com !

[kimoribj]

Hi William,

I had the same Idea. But there is the same css in the original demo. It seems that the line-height is too big. Changing line-height to 'normal' solves the problem.

Thanks,

Kimoribj

[carasmo]

It's because of the line-height on the psuedo element in the last menu item, change the css to this:

#menu-item-101 a:before {
	content: "\f388";
	font-size:18px;
	line-height: 1;
	color:#52c0cb;
	vertical-align: baseline;
	position: relative;
	top:3px;
}

---

Genesis Theme Customization and Help

[kimoribj]

Hi Carasmo!

Thank you very much! It solved the problem.

Kimoribj

[Author]

Posts