Navigation
Archive / Logo Alignment in Nav Bar
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • October 10, 2016 at 12:50 pm #1210232
    chris_smith1
    Participant

    Hello,

    I used some custom code from another post to align the logo alongside the menu items but the logo is too close to the first menu item. See screenshot attached.

    The code I used was:

    .x-navbar .desktop .x-nav > li:first-child > a:not(.x-btn-navbar-woocommerce) {
    padding-left: 0 !important;

    If I chance the padding-left value it breaks the snippet.

    I’d just like to move the logo a bit away from the first menu item.

    Your help is appreciated,

    October 10, 2016 at 1:07 pm #1210263
    Thai
    Moderator

    Hi There,

    Please provide us with your website URL so we can take a closer look.

    Thanks.

    October 10, 2016 at 1:15 pm #1210280
    chris_smith1
    Participant

    Hello Thai,

    http://thebarn.co.za/

    Thanks,

    October 10, 2016 at 2:15 pm #1210344
    Joao
    Moderator

    Hi There,

    As you can see the logo is aligned with the rest of your page.

    The best thing to do in my opinion would be go to > Appereance > Customizer > Header and adjust

    Link Spacing(Make a bit smaller)- I guess that will do, but you also can adjust

    Font size and letter spacing.

    Let us know how it goes,

    Joao

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