Header image height too small in Mobile

http://doubletapclothing.com/

The desktop and tablet version of the header media image is perfect, but the height is much too small on mobile versions. How can i adjust this?

Shelby

We’re mainly hoping to have the header image be much larger than the header to take up a majority of the screen like it does in tablet and laptop views.

Hello, sorry for delay.

You can try to add this CSS code in Customize → Additional CSS section.

#wp-custom-header img {
    min-height: 350px;
    object-fit: cover;
}

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

Kind Regards, Roman.
aThemes Support

That didn’t seem to change the height at all for the cover on the mobile view for my android.

Hello,

Did you try to clear your browser cache after adding the CSS code?

Kind Regards, Roman.
aThemes Support

Yes I did and it was still the same.

Hello Shelby,

I’ve just checked your website header code once again, but I don’t see that CSS code currently applied on your website, so how exactly did you add it?

Kind Regards, Roman.
aThemes Support

I apologize, it is now published for your view.

Hello Shelby,

So is this issue still actual?

Kind Regards, Roman.
aThemes Support

We are hoping to make the header image take up more of the screen if possible

Okay Shelby,

I have checked your website again and the CSS code above is applied and working, so is this problem resolved now?

Kind Regards, Roman.
aThemes Support

We wanted the header to be bigger and take up a majority of the screen height wise as it does in tablet and computer view

Hello Shelby,

We wanted the header to be bigger and take up a majority of the screen height wise as it does in tablet and computer view

Try to replace 350px with 65vh in the code above. You can use greater value if necessary.

Kind Regards, Roman.
aThemes Support