Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1266602
    rmgv2000
    Participant

    Hello my irl is conciencia-coaching.nl

    How can I separate the logo from the navbar links? see pic.

    #1266605
    rmgv2000
    Participant

    Hello my url is conciencia-coaching.nl

    How can I separate the logo from the navbar links? see pic.

    #1266607
    Paul R
    Moderator

    Hi,

    To separate it, navigate to Appearance > Customize > Header > Logo and Navigation > Layout and select stacked.

    http://screencast.com/t/2Kh8LnTzfMC

    Hope that helps.

    #1266608
    rmgv2000
    Participant

    NO, I want the logo to be left and the menu to be right in the navbar.So I want to increase the space between logo, left, and menu links more to the right

    #1266617
    rmgv2000
    Participant

    Or can I choose for stacked and position the logo to the left?
    Please advice me.

    Thanks in advance

    #1266623
    Paul R
    Moderator

    Hi,

    In that case please leave the layout as inline then add this in Custom CSS

    
    .masthead-inline .desktop .x-nav {
        float: right !important;
    }
    
    

    Hope that helps.

    #1266635
    rmgv2000
    Participant

    Ok thanks and If I want to keep ik stacked the logo is positioned center. If i want the logo to position left, in stacked layout?

    #1266651
    Christopher
    Moderator

    Hi there,

    Please add following code in Customize -> Custom -> Global CSS :

    .masthead-stacked .x-brand {
        float: left;
    }

    Hope that helps.

    #1272605
    rmgv2000
    Participant

    Ok i used
    .masthead-inline .desktop .x-nav {
    float: right !important;
    }

    but i want the navbar links to move a bit more to the left. How can i do that. please advise

    #1272665
    Rad
    Moderator

    Hi there,

    You mean the spacing? You can adjust your menu item’s spacing at Admin > Appearance > Customizer > Header > LINKS – ALIGNMENT > Navbar Top Link Alignment (px) and Navbar Top Link Spacing (px).

    Adjusting their spaces will push them to the left since the whole navigation floating to the right.

    Hope this helps.

  • <script> jQuery(function($){ $("#no-reply-1266602 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>