breadcrumbs – gap between navbar and header on small devices (tablets)

  • leoshowtechnik



    while i was trying do add some breadcrumbs to my site using the recommended “breadcrumbs navxt” plugin i discovered that there is a small gap between the navbar and the breadcrumbs on small devices (tablets), when the top bar is disabled as you can see in the picture:


    I found out that it works perfectly on desktops and smartphones, as well as it works on all devices when the top-bar is enabled, but as mentioned not on tablets when the top bar is disabled.

    It seems that the gap is also visible on the frontpage between navbar and slider:


    To test this behavior i did a fresh install of latest wordpress 4.7.2 with franz-josef 1.7.4 and the latest version of breadcrumbs-navxt. You can have a look at my test-setup at:

    I think that this is a bug, but as I’m not sure what’s wrong I wanted to report that to you and would really appreciate your answer.




    Syahir Hakim


    Hi Chris,

    Try adding this code to the theme’s Custom CSS option (test it with and without top bar as well):

    @media (min-width: 768px) and (max-width: 991px) {
    body {
    padding-top: 75px;



    Works like a charm, with as well as without top bar.

    Thank you for your help, greately appreciated!


Viewing 3 posts - 1 through 3 (of 3 total)

  • You must be logged in to reply to this topic.