White space between contact info and header on Tablet landscape view

On tablets, when looking at the website in landscape mode (the tablet turned on its side) there is white space between the header contact information and the regular header. This gap does not appear on any of my other devices – not does it appear on my mobile device when viewing the website in landscape mode. This problem only exists on the tablet.

You can see it on https://1800pettaxidenver.

Here is the link to some screenshots:



Please try to use the following CSS code.

You can add CSS code in DashboardAppearanceCustomizeAdditional CSS (WordPress 4.7 and up). Also you can add CSS code directly to style.css file of your child theme.

@media (min-width: 992px) and (max-width: 1024px) {
    .site-header {
        margin-top: 0;

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.