Navigation
Archive / How can I make navbar smaller?
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • April 26, 2016 at 12:02 am #899713
    wprice
    Participant

    Hi,
    My site is http://beta.arkansasairambulance.com. I added this css to get the logo to overlap the top bar

    .x-brand img {
    top: -70px;
    position: relative;
    }
    .x-topbar {
    z-index:1;
    }

    How can I make the nav bar smaller and move the links closer to the top?
    Thanks

    April 26, 2016 at 12:13 pm #900651
    Thai
    Moderator

    Hi There,

    Please add the following CSS:

    .x-brand {
height: 100px;
}

    After that navigate to Customizer > Header > LINKS – ALIGNMENT > Navbar Top Link Alignment (px) > change 80 to 45:

    http://i.imgur.com/ksNkdTh.png

    Hope it helps 🙂

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