Navigation
Archive / Integrity stack – change logo background color and left-align
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • September 13, 2016 at 2:51 pm #1173707
    bdestrempes
    Participant

    Hi,

    I am trying to move my logo to the left of the navbar (instead of within the 88% default width) as well as change its background-color.

    I can change the height and background-color of .x-brand but that doesn’t quite accomplish what I’m trying to do.

    I attached an example of the desired result.

    Thanks in advance!

    September 13, 2016 at 3:17 pm #1173744
    Joao
    Moderator

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    September 13, 2016 at 3:40 pm #1173776
    bdestrempes
    Participant
    This reply has been marked as private.
    September 14, 2016 at 12:07 am #1174316
    Christopher
    Moderator

    Hi there,

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

    .x-navbar .x-container.max.width {
    width: 100%;
    max-width: 100%;
}
a.x-brand.img {
    background-color: #000;
    margin-top: 0;
}

    Hope that helps.

    September 14, 2016 at 9:57 am #1174904
    bdestrempes
    Participant

    Works perfectly, thanks for the help!

    September 14, 2016 at 11:13 am #1175020
    Thai
    Moderator

    Glad it worked 🙂

    If you need anything else please let us know.

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