Добавляю в шапку элементы, а она съезжает вниз

1. Каждый элемент списка делай блочно-строчным:
li {
display: inline-block;
}

Куда это добавлять нужно в коде?

3. Для categories-4 добавь float: left.

Не смог такого найти, где это? можно прямо часть кода, пожалуйста)

3. А куда у тебя меню пропало? Европа, кхл, молодежь и т.д.

Это я поставил рубрики(виджет) как пример, сами плашки для меню, которое хочу, буду делать в фотошопе

Ну, ты сначала разметку сделай. Потом стили пропиши.

Сделал первые плашки меню http://uphockey.ru/

Теперь можешь ответить на вопросы, пожалуйста?)

1. Каждый элемент списка делай блочно-строчным:
li {
display: inline-block;
}

Куда это добавлять нужно в коде?

3. Для categories-4 добавь float: left.

Не смог такого найти, где это? можно прямо часть кода, пожалуйста)

Ничего не вижу там. И че такое плашки, мне это не понятно?

Вот на скриншоте выделил: http://www.floomby.ru/s1/Hg4jG2

Плашками называю элементы меню, которые на скриншоте выделены, извиняюсь если неправильно

Вот наверное, оно. Извиняюсь, не силён в коде((

Элементы:
<img src=»http://s1.radikale.ru/uploads/2015/12/30/f6b880fb7390d62207bea699fbe37136-full.jpg&#187; border=»0″/>

<img src=»http://s1.radikale.ru/uploads/2015/12/30/bc756bb1d534d77f5f43255c27aa2fa3-full.jpg&#187; border=»0″/>

<img src=»http://s1.radikale.ru/uploads/2015/12/30/41b92e340f1fb086e3f688eaf8250230-full.jpg&#187; border=»0″/>

<img src=»http://s1.radikale.ru/uploads/2015/12/30/55a6b2cadd36965e9903c9091ba5b971-full.jpg&#187; border=»0″/>

Из файла Header:
<div id=»wrapper»>

<header id=»header»>

<?php if ( has_nav_menu(‘topbar’) ): ?>
<nav class=»nav-container group» id=»nav-topbar»>
<div class=»nav-toggle»><i class=»fa fa-bars»></i></div>
<div class=»nav-text»><!— put your mobile menu text here —></div>
<div class=»nav-wrap container»><?php wp_nav_menu(array(‘theme_location’=>’topbar’,’menu_class’=>’nav container-inner group’,’container’=>»,’menu_id’ => »,’fallback_cb’=> false)); ?></div>

<div class=»container»>
<div class=»container-inner»>
<div class=»toggle-search»><i class=»fa fa-search»></i></div>
<div class=»search-expand»>
<div class=»search-expand-inner»>
<?php get_search_form(); ?>
</div>
</div>
</div><!—/.container-inner—>
</div><!—/.container—>

</nav><!—/#nav-topbar—>
<?php endif; ?>

<div class=»container group»>
<div class=»container-inner»>

<div class=»group pad»>
<?php echo alx_site_title(); ?>
<?php if ( ot_get_option(‘site-description’) != ‘off’ ): ?><p class=»site-description»><?php bloginfo( ‘description’ ); ?></p><?php endif; ?>
<?php if ( ot_get_option(‘header-ads’) == ‘on’ ): ?>
<div id=»header-ads»>
<?php dynamic_sidebar( ‘header-ads’ ); ?>
</div><!—/#header-ads—>
<?php endif; ?>
</div>

<?php if ( has_nav_menu(‘header’) ): ?>
<nav class=»nav-container group» id=»nav-header»>
<div class=»nav-toggle»><i class=»fa fa-bars»></i></div>
<div class=»nav-text»><!— put your mobile menu text here —></div>
<div class=»nav-wrap container»><?php wp_nav_menu(array(‘theme_location’=>’header’,’menu_class’=>’nav container-inner group’,’container’=>»,’menu_id’ => »,’fallback_cb’=> false)); ?></div>
</nav><!—/#nav-header—>
<?php endif; ?>

</div><!—/.container-inner—>
</div><!—/.container—>

</header><!—/#header—>

<div class=»container» id=»page»>
<div class=»container-inner»>
<div class=»main»>
<div class=»main-inner group»>

Из файла CSS:
* Section: Header
/* ————————————————————————- */
#header { background: #33363b; position: relative; padding-bottom: 60px; }
#header .pad { padding-top: 30px; padding-bottom: 30px; }
#header .container-inner { position: relative; }

.site-title { font-size: 42px; font-weight: 600; letter-spacing: -0.5px; float: left; line-height: 60px; padding: 10px 0; }
.site-title a { display: block; color: #fff; max-width: 100%; }
.site-title a img { display: block; max-width: 100%; max-height: 60px; height: auto; padding: 0; margin: 0 auto; -webkit-border-radius: 0; border-radius: 0; }
.site-description { font-size: 16px; font-style: italic; color: #fff; color: rgba(255,255,255,0.5); float: left; margin-left: 20px; line-height: 60px; padding: 10px 0; }
.site-image { display: block; margin: 0 auto; max-height: 400px; }

#header-ads { }
#header-ads h3 { display: none; }
#header-ads img { display: block; }

Обновил базу данных, теперь появились

#text-11 {
float: left;
}
#text-11 .textwidget a {
display: inline-block;
}

Извиняюсь, что туплю, но что мне с этим делать? куда вставить?