Navigation
Archive / Decrease padding around logo/Adjust header container in Icon
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • September 18, 2016 at 6:21 pm #1180541
    sjesteadt
    Participant

    Hello, I’m trying to adjust the container for the logo/nav bar only. Is this possible? (i.e. move the logo to the left so that I can add another menu link or increase the size of my logo)
    http://soulnourishretreats.com/

    The following code achieved the desired effect for the logo/nav bar, but I do NOT want to change the container settings for the rest of the pages:

    .x-container.max {
    max-width: 1250px;
    }

    .x-container.width {
    width: 97%;
    }

    Thanks.

    September 18, 2016 at 6:35 pm #1180555
    sjesteadt
    Participant

    Also, is there a way to decrease the white space above the logo? Thanks.

    September 18, 2016 at 9:39 pm #1180759
    Lely
    Moderator

    Hi There,

    Please use the following CSS:

    .x-navbar-wrap .x-container.width {
    width: 97%;
}
.x-navbar-wrap .x-container.max {
    max-width: 1250px !important;
}

    To decrease the space above the logo, please add this:

    .x-brand img {
    margin-top: -20px; /*Adjust this accordingly*/
}

    Hope this helps.

    September 20, 2016 at 10:02 am #1183243
    sjesteadt
    Participant

    Perfect. Thanks!

    September 20, 2016 at 10:19 am #1183259
    Joao
    Moderator

    Glad to hear it,

    Joao

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