Top menu display on Google chrome

Question

Strange top menu <nav> display on Google chrome see screen from Chrome & Firefox http://alexandrabadova.com/styleprofigure Please advise.

SemiColonWeb · Accepted Answer

Hello,

Simply use the following CSS Code to decrease the padding, font-size and letter-spacing between the Menu Items so that the Menu can fit in the available area:

.device-lg #primary-menu ul li > a {
	padding-left: 12px;
	padding-right: 12px;
	font-size: 12px;
	letter-spacing: 0;
}

This should definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

igrp · Answer

Thank you! It really works!