Выровнять подменю вниз

Question

Итак, я делаю второстепенную кнопку и набор для навигации с точки зрения изучения большей отзывчивости HTML и CSS. Навигация - моя слабость, и я пришел к своей первой проблеме, и я не могу опустить голову.

https://jsfiddle.net/ku0wezws/3

Если вы выделите в нижней части CSS, вы найдете subnav implementation и то, что я пытаюсь добиться, чтобы выровнять все содержимое в центре при наведении на About. Вы заметите, что он только что выровнен один за другим бок о бок. Моя цель - сосредоточить все это, как правило, на полном пути. Например: http://www.w3schools.com/howto/howto_js_dropdown.asp

Я действительно глуп? Я думаю, что я. Что мне нужно настроить в CSS, чтобы это произошло?

спасибо.

Edit:

редактировал JSFiddle

Answer 1

Добавить это предотвратить li элементы этого подменю, чтобы плавать рядом друг с другом:

.jkit-subnav li { 
     float:none; 
} 

https://jsfiddle.net/yhkuv138/

Answer 2

Просто снимите float от .jkit-nav-inverse ul li ul li.

Добавьте ниже код в конец вашего CSS.

.jkit-nav-inverse ul li ul li{ 
    clear: both; 
} 

Updated fiddle