• Hi,

    I would like to place the logo and the menu in the center area (wide like three images down) and to be
    aligned. Still to be logo on the left and menu on the right.

    I create child theme via Child Themify plug in so I only have
    style.css file in editor.

    Thanks,

    http://brunellowinestore.com/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi, first of all you need a file named functions.php in your child-theme directory. It must contain just the following code.
    <?php
    Once you createad and uploaded it, add the following code below <?php:

    // header content wrapped
    add_action('__header', 'tc_header_header_start', 0);
    function tc_header_header_start(){
        echo '<div class="tc-header-container container">';
    }
    add_action('__header', 'tc_header_header_end', 40);
    function tc_header_header_end(){
        echo '</div>';
    }

    The wideness of the area which contains “the three images down” is set via the css rule for the class “container”. With the code above we wrap the header content in a div with the class “container”.
    Hope this helps.

    Thread Starter styx46

    (@styx46)

    Thanks, this is a big progress !!!

    I use 30 instead of 40 and the menu is exactly where I wanted.
    Now if I can only make logo go down on the top of the picture to be in same line with menu would be great !

    No. You have to use 40, no chance.
    If you use 30 you have the navbar outside of that container and a div opened inside of it which is closed outside, it’s a mess.

    Thread Starter styx46

    (@styx46)

    OK I put 40 back, but is there a way to make logo
    and menu in same line like on the top of the slide ?

    You can do something like:

    @media screen and (min-width: 980px){
        .tc-header .navbar-wrapper{
            padding-top: 4%;
        }
    }
    @media screen and (min-width: 1200px){
        .tc-header .navbar-wrapper{
            padding-top: 3%;
        }
    }

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Logo and menu’ is closed to new replies.