Navigation
Archive / Menu Bar at Top – Logo Overlap – Logo padding at Top
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • June 20, 2016 at 5:22 am #1050304
    Jason A
    Participant

    Good Morning. On my website, http://www.sisterlystitch,com, I’m working on the Menu / Logo Bar. I have the logo size situated, but doing so cause the Menu / Logo Bar to expand. My goals are to utilize custom css to:

    1) Decrease padding above logo so Logo sits just below the top of the screen.

    2) Have the Logo hang over the Menu / Logo Bar. I’d like the overlap be about half way down the Logo.

    Thank you for your help.

    June 20, 2016 at 5:59 am #1050356
    Christopher
    Moderator

    Hi there,

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

    @media (min-width:979px){
.x-navbar {
    height: 93px;
}
}
a.x-brand.img {
    margin-top: 0;
}

    Hope that helps.

    July 15, 2016 at 6:00 am #1088323
    Jason A
    Participant

    This worked perfectly. Thank you.

    July 15, 2016 at 8:59 am #1088512
    Joao
    Moderator

    Glad to hear it.

    Joao

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