Support » Theme: Customizr » moving menu to center

  • jibinpjoy

    (@jibinpjoy)


    Hai friends,

    How to move the menu and sub items from right of the header to center?

    Thanks in advance

Viewing 11 replies - 1 through 11 (of 11 total)
  • tomaja

    (@tomaja)

    Check this snippet for answer

    Edde Poon

    (@partyforeplay)

    Hi jibinpjoy,

    Can you post a link of your site?

    jibinpjoy

    (@jibinpjoy)

    http://www.safeertravels.com is the link of my site, i centered it, bt the drop down menu is not aligned center

    Edde Poon

    (@partyforeplay)

    Hi jibinpjoy,

    I think the reason why your drop down isn’t align now is because the way you change the margin of you links instead of the whole navbar. You should redo what you did to recenter it and actually only change the margin of .navbar .nav{}

    Hope this helps.

    Hi tomaja!

    My page: jajcarmela.org

    I follow the steps from the code snippets, but I’m doing something wrong…

    So, I copy in CSS:

    /* Center the Menu (function remove_span9_navbar_display) */
    /* Center the Menu (function prevent_social_in_header) */
    .navbar-inner .row-fluid .span7.site-description {
    display: none;
    text-align: center;
    }
    .navbar-wrapper .navbar.notresp.row-fluid {
    float: none;
    width: 90%;
    margin: 0 auto;
    }
    .navbar .navbar-inner {
    padding: 20px 0 0;
    }

    And then in PHP:

    // remove span9 from navbar-wrapper:
    add_filter(‘tc_navbar_display’, ‘remove_span9_navbar_display’);
    function remove_span9_navbar_display($output) {
    return preg_replace(‘/navbar-wrapper clearfix span9/’, ‘navbar-wrapper clearfix’, $output);
    }

    // prevent the output of tc_social_in_header:
    add_filter(‘tc_social_in_header’, ‘prevent_social_in_header’);
    function prevent_social_in_header($output) {
    return;
    }

    What’s wrong?

    Thanks!!

    Hi tomaja!

    I follow the steps in code snippet, but I’m doing something wrong…
    My page is

    I past in CSS:

    /* Center the Menu (function remove_span9_navbar_display) */
    /* Center the Menu (function prevent_social_in_header)  */
    .navbar-inner .row-fluid .span7.site-description {
    display:    none;
    text-align: center;
    }
    .navbar-wrapper .navbar.notresp.row-fluid {
    float:      none;
    width:      90%;
    margin:     0 auto;
    }
    .navbar .navbar-inner {
    padding:    20px 0 0;
    }

    and then in PHP functions:

    // remove span9 from navbar-wrapper:
    add_filter('tc_navbar_display', 'remove_span9_navbar_display');
    function remove_span9_navbar_display($output) {
    return preg_replace('/navbar-wrapper clearfix span9/', 'navbar-wrapper clearfix', $output);
    }
    
    // prevent the output of tc_social_in_header:
    add_filter('tc_social_in_header', 'prevent_social_in_header');
    function prevent_social_in_header($output) {
    return;
    }

    And it’s not centered!
    What I’m doing wrong?

    Thanks for your help!!

    Excuse me!
    I used the lik option in a crazy way…

    jajcarmela.org

    Thanks!

    Hello,
    I am trying to do the same thing – center the main menu under my header picture. I am very very new to Worpress and PHP and I tried copying the above mentioned code into my css page and it moved the menu slightly. I am not sure where to put the codes. Could someone please help? My site page is: http://www.recipesgoround.com.

    Thanks so much!

    Hi!

    There are some mistakes in the previous codes.
    You should check this:

    Then, if you’re using a child theme (you should) be carefull: there are some codes for functions.php and other for style.css.

    It should work!

    Had a problem reported with the Social Icons this morning. Working on a fix, so watch for update.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘moving menu to center’ is closed to new replies.