Navigation
Archive / Way to make header image static, but navbar fixed?
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • October 18, 2016 at 9:37 pm #1221728
    jrhager84
    Participant

    I am building a new site, and I can’t seem to figure out how to make the header image to static (so it doesn’t fix to top) and the navbar fixed, so the header image goes away, but the navbar sticks to the top? Thanks!

    October 18, 2016 at 9:41 pm #1221735
    jrhager84
    Participant

    site: boisefoodsalvage.org

    October 19, 2016 at 2:30 am #1221936
    Rupok
    Member

    Hi there,

    In that case you should use “Stacked” navbar instead of inline because you are using the logo as stacked.

    You can also try this CSS :

    .x-navbar.x-navbar-fixed-top .x-brand.img {
  display: none;
}

    But it won’t hide it nicely and I’d suggest to use “Stacked” Navbar from Customizer > Header > Logo and Navigation – http://prntscr.com/cw4ryr

    Cheers!

    October 19, 2016 at 3:25 pm #1222807
    jrhager84
    Participant

    How do I get the logo to align left again in stacked? I can’t seem to target the img appropriately? Thanks! We’re halfway there.

    October 19, 2016 at 3:29 pm #1222811
    jrhager84
    Participant

    Awesome. I figured it out.

    .x-brand.img {
float: left;
}
    October 19, 2016 at 5:01 pm #1222921
    Jade
    Moderator

    Glad to hear that.

    Cheers!

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