Navigation
Archive / Fixed Top Navigation Bar bumping content down
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • August 3, 2016 at 6:05 pm #1116210
    Goatsocial
    Participant

    Hi there,

    It seems the top bar is bugging out, and pushing the content down faster than it should, skipping important details.

    It’s happening on two sites of ours. See next post for login information

    I’ve seen a few posts about it… but nothing seems concrete. Is this a bug?

    Cheers,
    Terence

    August 3, 2016 at 6:06 pm #1116212
    Goatsocial
    Participant
    This reply has been marked as private.
    August 3, 2016 at 11:19 pm #1116684
    Rupok
    Member

    Hi there,

    Thanks for writing in! I didn’t quite get your issue. Topbar seems fine and working as expected. Would you clarify the issue with a screenshot?

    Also you are using the below code on Child Theme’s CSS to restrict the height of Topbar :

    .x-topbar {
  background-color: #ffc321;
  max-height: 30px !important;
  min-height: 30px !important;
}

    So kindly let us know what you are trying to achieve.

    Thanks!

    August 8, 2016 at 5:15 pm #1122817
    Goatsocial
    Participant

    If you scroll to the VERY top, and go one scroll down, it actually bumps the content down quite a bit further. It’s something with the JS.

    August 9, 2016 at 12:57 am #1123245
    Christopher
    Moderator

    Hi there,

    Please provide us with screen cast as I don’t see the issue.

    Thanks.

    August 9, 2016 at 9:55 pm #1124909
    Goatsocial
    Participant
    This reply has been marked as private.
    August 10, 2016 at 2:44 am #1125142
    Rupok
    Member

    Hi Terence,

    I got you. You can add this under Custom > CSS in the Customizer.

    .x-container.offset {
  margin: 80px auto 2.75em;
}

.x-navbar {
  margin-bottom: -70px;
}

    Hope this helps.

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