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

leoshowtechnik
February 3, 2017 at 10:09 pm #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:

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: 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
March 7, 2017 at 2:22 pm #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
March 12, 2017 at 4:25 pm #46535

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

Thank you for your help, greately appreciated!

Greetings