Space below header for Mobile

Hi,

I am getting a space below the header for mobile:

I have added the following CSS to the theme settings but this doesn’t change it:

.whb-header.whb-full-width.whb-sticky-shadow.whb-scroll-stick.whb-sticky-real.whb-sticky-prepared {
padding-top: 60px;
}

I’ve also tried:

header.whb-header.whb-full-width.whb-sticky-shadow.whb-scroll-stick.whb-sticky-real.whb-sticky-prepared {
padding-top: 60px;
}

Please help, thanks