Настройте меню в заголовке с пользовательской темой

Я делаю некоторые работы для клиента, и у него есть настраиваемая тема, и я не могу в течение всей жизни централизовать параметры меню в своем заголовке. У него нет возможности изменить выравнивание в редакторе тем, поэтому я пытаюсь изменить код. Я могу опубликовать весь код заголовка здесь:Настройте меню в заголовке с пользовательской темой

<body <?php body_class(); ?>> 
<div class='container'> 
<div class='header_wrap'> 
<div class='header'> 
    <h1> 
    <a href="<?php echo esc_url(home_url('/')); ?>" rel="home"> 
     <span><?php bloginfo('name'); ?></span> 
    </a> 
    </h1> 
    <div class='clock_wrap'> 
    <div class='title'> 
     Income Tax Deadline 
    </div> 
    <div class='clock'></div> 
    </div> 
<div class='clear'></div> 
    <?php 
    $description = get_bloginfo('description', 'display'); 
    if ($description || is_customize_preview()) : ?> 
    <p class="desc"><?php echo $description; ?></p> 
    <?php endif; ?> 
    <div class='nav'> 
    <a href='/'>Home</a> 
<?php wp_nav_menu(array(
    'menu'   => 'main', 
    'container_class' => false, 
    'container'  => '' 
)); 
?> 
    </div><!-- nav --> 
    </div><!-- header --> 
</div><!-- header_wrap --> 
<div class="content">

Извините за форматирование, любая помощь будет принята с благодарностью!

источник

2016-09-27 Kevin S

Можете ли вы отрезать живое соединение, чтобы мы могли проверить и попытаться выяснить, в чем проблема? –

http://elitetax.ca/ –

В вашей теме основной CSS файл найти этот класс .header_wrap .header .nav и добавить выравнивания текста: центр так же, как ниже

.header_wrap .header .nav { 
    text-align: center; 
}

Смотреть это фото ниже я отмечаю это. Теперь, не меняя .header_wrap .header .nav класса Теперь вашу навигационную панель в левой части

http://prnt.sc/cn1kq4

Теперь снова увидеть это изображение ниже я отмечаю его после добавления выравнивания текста: центр; .header_wrap .header .nav class теперь ваш навигационный бар, показывающий в центре.

http://prntscr.com/cn1mpq

Я надеюсь, что на этот раз вы будете это исправить.

источник

2016-09-27 16:28:43

Куда я могу положить это здесь? '.header_wrap .header .nav { border-bottom: solid 1px # efd6b1; border-top: solid 3px # efd6b1; margin-top: 16px; обивка: 16px 24px; } .header_wrap .header .nav a { цвет: черный; font-weight: 300; Размер шрифта: 16 пикселей; margin-right: 16px; text-transform: uppercase; } .header_wrap .header .nav a: hover { text-decoration: none; цвет: # efd6b1; } ' –

В этом коде .header_wrap .header .nav {border-bottom: solid 1px # efd6b1; border-top: solid 3px # efd6b1; margin-top: 16px; обивка: 16px 24px; text-align: center; } см. это только последняя строка text-align: center Я добавил –

Если у вас возникли проблемы, чтобы поместить этот код в нужное место прямо за этим кодом нижней части основного файла CSS вашей темы. –

При рассмотрении вашей страницы в браузере инструментов, я добавил только это в CSS и меню было сосредоточено:

.nav { 
    text-align: center; 
}

дополнение: Если он все еще не работает, попробуйте добавить !important, как

.nav { 
    text-align: center !important; 
}

источник

2016-09-27 16:34:51 Johannes

Я попытался включить этот код во многих разных местах в CSS, это не сработало. Должен ли я сделать еще одну тему и включить весь код CSS для темы?Или вот ссылка на сайт, чтобы вы могли просмотреть исходный код: http://elitetax.ca/ –

учтите мой отредактированный ответ - это действительно очень простое решение – Johannes

Как и другие пользователи, это довольно сложно, не глядя на какой-либо CSS, но моя любимая форма центрирования объектов в контейнерах в CSS следующая.

.Object-to-center { 
    position: absolute; 
    left: 50%; 
    transform: translateX(-50%); 
}

источник

2016-09-27 17:44:58

Настройте меню в заголовке с пользовательской темой

ответ

Смежные вопросы