Remove White Space above Header Image on mobile

how to remove white space above header image in mobile
i changed code to

.header-image {
margin-top: -50px;

it work good on desktop pc but it didnt change on mobile phone how i do it here my site

To remove white space above header image for Travelify WordPRess theme you can do the following. Instead of using negative top margin you can use code like this which will work both on mobile and desktop.

.header-image {
  margin-top: 0;

.hgroup-wrap {
  display: none;

You can use this code via Theme Options >> Other >> Custom CSS.

Let me know if you need any further assistance with this.

work great thank you

Hey, I want to have the exact same thing. But for me it doesn`t work. Can you specify a bit what i have to do with the code you posted. To i have to put it in to the template css?