Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1007343
    gnyc
    Participant

    Actually I just found one more problem. The navbar moves left 250 pixels a little too early, leaving an open gap on the navbar.

    I was able to find the command by inspecting the element, and here’s the code I copied from Chrome:

    @media (min-width: 1200px)
    body.x-sidebar-content-active .x-widgetbar, body.x-sidebar-content-active .x-navbar-fixed-top, body[class*=”page-template-template-blank”].x-sidebar-content-active.x-blank-template-sidebar-active .x-widgetbar, body[class*=”page-template-template-blank”].x-sidebar-content-active.x-blank-template-sidebar-active .x-navbar-fixed-top {
    left: 250px;
    }

    However I’m not sure how to change:

    @media (min-width: 1200px)

    to

    @media (min-width: 1340px)

    so that only the navbar is affected.

    #1007387
    Joao
    Moderator

    Hi There,

    This is quite strange.

    I checked almost all pages of your website and I couldn“t notice this behavior.

    Could you please point which page you are experiencing this?

    Thanks,

    Joao

    #1007483
    gnyc
    Participant
    This reply has been marked as private.
    #1007583
    Rupok
    Member

    Hi there,

    Thanks for updating. I can see you have following code that’s causing this :

    body.x-sidebar-content-active .x-widgetbar, body.x-sidebar-content-active .x-navbar-fixed-top, body.x-sidebar-content-active.x-blank-template-sidebar-active[class*="page-template-template-blank"] .x-widgetbar, body.x-sidebar-content-active.x-blank-template-sidebar-active[class*="page-template-template-blank"] .x-navbar-fixed-top {
      left: 250px;
    }

    Let’s remove this to get expected result or reset this with a different media query :

    @media only screen and (min-width: 1201px) and (max-width: 1300px) {
    body.x-sidebar-content-active .x-widgetbar, body.x-sidebar-content-active .x-navbar-fixed-top, body.x-sidebar-content-active.x-blank-template-sidebar-active[class*="page-template-template-blank"] .x-widgetbar, body.x-sidebar-content-active.x-blank-template-sidebar-active[class*="page-template-template-blank"] .x-navbar-fixed-top {
      left: 0;
    }
    }

    Hope this helps.

    Cheers!

    #1008029
    gnyc
    Participant

    That did the trick. Thanks again!

    #1008049
    Rahul
    Moderator

    You’re welcome!

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