Перенос телефона в Шапке сайта

332

26 ноября 2016, 18:37

Всем доброго времени суток.Сайта на Wp. Нужно "растянуть" меню на всю ширину экрана и опустить вниз.Сверху в левом углу название магазина( "Магазин часов" ) Слева номер телефона,как в css,это написать,заранее благодарю. Сам код шапки из файла header.php

   <hgroup>
         <?php
            $logo = esc_url( get_template_directory_uri() . '/images/logo.png' );
            if ( isset( $woo_options['woo_logo'] ) && $woo_options['woo_logo'] != '' ) { $logo = $woo_options['woo_logo']; }
            if ( isset( $woo_options['woo_logo'] ) && $woo_options['woo_logo'] != '' && is_ssl() ) { $logo = preg_replace("/^http:/", "https:", $woo_options['woo_logo']); }
        ?>
        <?php if ( ! isset( $woo_options['woo_texttitle'] ) || $woo_options['woo_texttitle'] != 'true' ) { ?>
            <a id="logo" href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php esc_attr( get_bloginfo( 'description' ) ); ?>">
                <img src="<?php echo $logo; ?>" alt="<?php echo esc_attr( get_bloginfo( 'name' ) ); ?>" />
            </a>
        <?php } ?>
        <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php bloginfo( 'name' ); ?></a></h1>
        <h4 >+7(968)394-13-74<br>круглосуточно</h4>
        <h3 class="nav-toggle"><a href="#navigation">&#9776; <span><?php _e('Navigation', 'woothemes'); ?></span></a></h3>
    </hgroup>
    <?php woo_nav_before(); ?>
    <nav id="navigation" class="col-full" role="navigation">
        <?php
        if ( function_exists( 'has_nav_menu' ) && has_nav_menu( 'primary-menu' ) ) {
            wp_nav_menu( array( 'depth' => 6, 'sort_column' => 'menu_order', 'container' => 'ul', 'menu_id' => 'main-nav', 'menu_class' => 'nav fr', 'theme_location' => 'primary-menu' ) );
        } else {
        ?>
        <ul id="main-nav" class="nav fl">
            <?php if ( is_page() ) $highlight = 'page_item'; else $highlight = 'page_item current_page_item'; ?>
            <li class="<?php echo $highlight; ?>"><a href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php _e( 'Home', 'woothemes' ); ?></a></li>
            <?php wp_list_pages( 'sort_column=menu_order&depth=6&title_li=&exclude=' ); ?>
        </ul><!-- /#nav -->
        <?php } ?>
    </nav><!-- /#navigation -->
    <?php woo_nav_after(); ?>
</header><!-- /#header -->

Заранее благодарю за ответы.

Answer 1

В предыдущих вопросах вы указывали ссылку на сайт, советую её и в будущем указывать, так будет проще отвечать на ваши вопросы

Для начала зайдите в свой файл стилей CSS (/mystile/css/layout.css) и уберите там ненужные свойства:

строка 601:

    #header hgroup {
     /* float: left; */
    }

строка 604:

    #header #navigation {
     /* float: right;
     clear: none; */
     border: 0;
     background: 0;
     -webkit-box-shadow: none;
     box-shadow: none;
     width: auto;
    }

Строка 193:

    #header #navigation ul.nav {
     /* float: right; */
    }

Дальше делайте разметку левого и правого блоков:

<hgroup>
 <div class="inner-left">
  <?php
   $logo = esc_url( get_template_directory_uri() . '/images/logo.png' );
    if ( isset( $woo_options['woo_logo'] ) && $woo_options['woo_logo'] != '' ) { $logo = $woo_options['woo_logo']; }
    if ( isset( $woo_options['woo_logo'] ) && $woo_options['woo_logo'] != '' && is_ssl() ) { $logo = preg_replace("/^http:/", "https:", $woo_options['woo_logo']); }
  ?>
  <?php if ( ! isset( $woo_options['woo_texttitle'] ) || $woo_options['woo_texttitle'] != 'true' ) { ?>
   <a id="logo" href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php esc_attr( get_bloginfo( 'description' ) ); ?>">
    <img src="<?php echo $logo; ?>" alt="<?php echo esc_attr( get_bloginfo( 'name' ) ); ?>" />
   </a>
  <?php } ?>
  <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php bloginfo( 'name' ); ?></a></h1>
  <h3 class="nav-toggle"><a href="#navigation">&#9776; <span><?php _e('Navigation', 'woothemes'); ?></span></a></h3>
 </div>
 <div class="inner-right">          
  <h4 >+7(968)394-13-74<br>круглосуточно</h4>
 </div>
</hgroup>

Ну а это соответственно Ваше меню:

<?php woo_nav_before(); ?>
<nav id="navigation" class="col-full" role="navigation">
 <?php
  if ( function_exists( 'has_nav_menu' ) && has_nav_menu( 'primary-menu' ) ) {
   wp_nav_menu( array( 'depth' => 6, 'sort_column' => 'menu_order', 'container' => 'ul', 'menu_id' => 'main-nav', 'menu_class' => 'nav fr', 'theme_location' => 'primary-menu' ) );
  } else {
 ?>
 <ul id="main-nav" class="nav fl">
  <?php if ( is_page() ) $highlight = 'page_item'; else $highlight = 'page_item current_page_item'; ?>
   <li class="<?php echo $highlight; ?>"><a href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php _e( 'Home', 'woothemes' ); ?></a></li>
  <?php wp_list_pages( 'sort_column=menu_order&depth=6&title_li=&exclude=' ); ?>
 </ul><!-- /#nav -->
 ?php } ?>
</nav><!-- /#navigation -->
<?php woo_nav_after(); ?>