Navigation
Archive / How to customise x-navbar (header) for only post pages.
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • November 17, 2016 at 10:06 am #1261188
    yhshin1020
    Participant

    Hey,

    So i have a bit of a concern…

    My header is such a way that it is transparent at the top but changes color and height when the user scrolls down.

    Everything is good, except on blog post pages where the header is invisible at the top.

    I was wondering if there is a way to style the header separately for all blog post pages.

    I need this desperately, any help would be so appreciated.

    November 17, 2016 at 10:07 am #1261189
    yhshin1020
    Participant
    This reply has been marked as private.
    November 17, 2016 at 11:33 am #1261284
    Joao
    Moderator

    Hi There,

    Please add the following code to Appereance > customizer > Custom > CSS

    @media (min-width: 979px) {
.single-post .x-navbar {
background-color: black;
}
}

    Hope that helps

    Joao

    November 17, 2016 at 10:49 pm #1262097
    yhshin1020
    Participant
    This reply has been marked as private.
    November 18, 2016 at 12:21 am #1262173
    Rupok
    Member

    Hi there,

    You can add this CSS to get rid of the line :

    .single-post .entry-wrap {
  box-shadow: none;
}

    Cheers!

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