Ребята помогите уменьшить шапку сайта в шаблоне.

Подскажите как сделать так что бы соц сети и менюшка были в одном ряду. Тема называется "Venture Lite Companion."

Коментарии: 3

n@y wega

05.10.2016 16:20

Ответить

Вам нужно переписать хедер: поставить меню и соц.кнопки в один общий контейнер и выровнять меню по левому краю, а соц – по правому. Пример:


nav {
  width: 70%;
  display: block;
  float: left;
}
.social {
  width: 30%;
  display: block;
  float: right;
}

Только используйте свои селекторы

bepassersby

06.10.2016 06:25

Ответить

Вам нужно переписать хедер: поставить меню и соц.кнопки в один общий контейнер и выровнять меню по левому краю, а соц - по правому. Пример:


nav {
  width: 70%;
  display: block;
  float: left;
}
.social {
  width: 30%;
  display: block;
  float: right;
}

Только используйте свои селекторы

Спасибо.
Напрягу вас еще немного)))) не укажете как именно это сделать в моем случае?

вот мой код в шапке:


<!DOCTYPE html>
<html <?php language_attributes(); ?>>
    <head>
        <meta charset="<?php bloginfo( 'charset' ); ?>">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="profile" href="http://gmpg.org/xfn/11">
        <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
        <?php wp_head(); ?>
    </head>
    <body <?php body_class(); ?> data-spy="scroll" data-target=".navbar-default">
        <header id="<?php if (nimbus_get_option('fp-banner-slug')=='') {echo "home";} else {echo esc_attr(nimbus_get_option('fp-banner-slug'));} ?>" >
            <div class="container">
                <div class="row">
                    
<div class="col-sm-6 col-sm-push-6">
                        <?php get_template_part( 'partials/social'); ?>
                    </div>    
                     <div class="col-sm-6  col-sm-pull-6">
                 
                    </div>
                </div>    
            </div>
        </header>
        <nav class="primary-nav">
            <div class="container">

<?php get_template_part( 'partials/menu'); ?>

                <div class="row">    

<div class="col-sm-12">
                        
                    </div>

                      <div>
            </div>
        </nav>
        <?php if (is_front_page() && !is_home() && !is_paged()) {
            get_template_part( 'partials/frontpage','banner');
        } ?>

n@y wega

09.10.2016 09:41

Ответить

Так у вас сетка бутстрапа и как то странно сделано оформление вывода меню.

Вот накидал, примерно, тестируйте и правьте:


<!DOCTYPE html>
<html <?php language_attributes(); ?>>
    <head>
        <meta charset="<?php bloginfo( 'charset' ); ?>">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="profile" href="http://gmpg.org/xfn/11">
        <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
        <?php wp_head(); ?>
    </head>
    <body <?php body_class(); ?> data-spy="scroll" data-target=".navbar-default">


        <header id="<?php if (nimbus_get_option('fp-banner-slug')=='') {echo "home";} else {echo esc_attr(nimbus_get_option('fp-banner-slug'));} ?>" >
            <div class="container">
                <div class="row">
                    
                </div>    
            </div>
        </header>

            <div class="container">
                <div class="row"> 
                     <div class="col-sm-9 col-sm-pull-9">
                       <nav class="primary-nav">
                            <?php get_template_part( 'partials/menu'); ?>
                        </nav>
                    </div>

                      <div class="col-sm-3 col-sm-push-3">
                        <?php get_template_part( 'partials/social'); ?>
                    </div>


                      <div>
            </div>

        <?php if (is_front_page() && !is_home() && !is_paged()) {
            get_template_part( 'partials/frontpage','banner');
        } ?>

На счет блока header незнаю нужен ли он вам – смотрите сами.

Ребята помогите уменьшить шапку сайта в шаблоне.

Свежее