Support » Theme: Customizr » Arrangement of logo, menu and social icons in header – question

Viewing 3 replies - 1 through 3 (of 3 total)
  • I would use:
    1) navbar-wrapper clearfix span9 for navbar
    2) This to move social block after menu:

    add_action('wp_head', 'reorder_header');
    function reorder_header(){
        // detach social block
        remove_action('__navbar', array(TC_header_main::$instance, tc_social_in_header), 10);
        // insert social block after menu
        add_action('__navbar', array(TC_header_main::$instance, tc_social_in_header), 40);
    }

    3) Then here:

    .navbar-inner .social-block {
    float: right;
    margin-top: 0px;
    margin-right: 0px;
    }

    remove float: right; and add text-align: left;
    4) position of the navbar:
    here

    .navbar .navbar-inner {
    margin: 20px 5px 0;
    top: 3%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    }

    remove margin and top property.
    5) Add this new rule to style just the notresp navbar

    .navbar.notresp .navbar-inner {
    position: relative;
    top: 45px;
    }

    This should look fine.
    Sorry if I made some mistakes, it’s not easy do this css changes “live” without forget something.

    Hope it will work.

    Sarah

    (@designdonewell)

    That’s brilliant! Worked like a charm 🙂 need to add an @media for the social icons so they float right when on mobile & small screens, but otherwise worked just beautifully!

    Thank you so much, d4z_c0nf ! I never could have figured out those hooks on my own.

    🙂

    Good you solved.

    😀

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Arrangement of logo, menu and social icons in header – question’ is closed to new replies.