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

  • leoshowtechnik

    #10622

    hi,

    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:

    0b0ff9-1486159347.png

    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:

    375baf-1486159538.png

    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: http://onewang.bplaced.net/wordpress/

    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.

    Greetings,

    Chris

    Admin

    Syahir Hakim

    #46534

    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;
    }
    }

    leoshowtechnik

    #46535

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

    Thank you for your help, greately appreciated!

    Greetings

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

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