Выравнивание изображений в теме WordPress и таинственная граница в заголовке

Question

Я пытаюсь настроить тему WordPress.

Начальная тема: http://elegantthemes.com/preview/Nexus/

Я почти достиг того, чего хочу в Chrome: https://dl.dropboxusercontent.com/u/20040939/HeaderChrome.png

В Firefox изображения в заголовке не выстраиваются: https://dl.dropboxusercontent.com/u/20040939/HeaderFF.png

В обоих браузерах в верхней части страницы есть раздражающая рамка / тень (см. Область выделения на скриншоте Chrome выше).

Живой сайт здесь: http://makeminepop.com/

Любая помощь приветствуется.

Answer 1

"Раздражающая тень" исходит от социальных ссылок, которые вы не используете в настоящее время в строке 109 style.css:

#et-social-icons {
    /* float: right; */
    /* width: 245px; */
    background-color: #f6f6f6;
    -moz-box-shadow: inset 0 1px 0 #fff;
    -webkit-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff, -1px 0 0 #fff;
    position: relative;
}

Обновить:

Я считаю, что это nav элемент, который сбрасывает выравнивание изображения. Попробуйте отредактировать следующее в строке 104 style.css

#top-navigation nav {
    overflow:hidden; <-- add this
    float: none; <-- modify this
}

Answer 2

Эта тень была сгенерирована из класса #et-social-icons. Просто установите отображение: ни один для этого класса.

Вы можете найти класс в строке:109 следующего CSS-файла. http://makeminepop.com/wp-content/themes/Nexus/style.css?ver=4.3

Надеюсь, это поможет.