Если вы планируете из них разработать свою тему, то почему не воспользоваться для этого "заготовками"?
В частности underscores.me
Можете обратится к этому источнику: www.hongkiat.com/blog/starter-wordpress-themes, там вы найдете подборку подобных инструментов
Если да, то тогда у класса logo выставляем ширину в 100%. Все марджины убираем и делаем выравнивание текста по центру. Изображение в таком случае будет по центру.
.logo { width: 100%; text-align: center; }
Если же у вас какие-то другие цели, то просто удалите свойство width вообще для стиля .logo
artem20152000: Полоса справа появляется потому что у вас ширина дива с логотипом указана в пикселах.
media screen and (max-width: 540px)
.logo {
float: left;
width: 540px; /* Вот в этом месте */
margin-right: 2em;
margin-left: 8em;
margin-right: 200px;
}
Да чистый верстальщик вообще не должен иметь отношения к программированию. Интеграцией должен заниматься программист. Но в каждой компании по разному идет разделение труда. В некоторых его вообще нет)
Правой кнопкой мыши по иконке расширения в хроме -> Inspect in PhpStorm