Header image


#1

Hi

Is there a way to make the header image narrower so that it shoes the body text on the website? At the moment, people seem to be having trouble realizing that they can scroll down (obviously on mobile this isn’t an issue) s its wondered if I can make the depth less so that it is more obvious?

Many thanks


#2

Hello Lawrence,

I would be glad to help you, but can you please provide a link to your site?

Kind Regards, Roman.


#3

Thanks! its http://kiswahili.tutaabsoluta.net


#4

Okay Lawrence,

Thank you for the link!

Please try to use this CSS code to make the header image narrower in Desktop mode:

@media only screen and (min-width: 1025px) {
    #masthead {
        height: 300px !important;
    }
}

Feel free to change 300px to any other height that you want.

Also I suggest you to test it on different resolutions, especially between 1024 and 1026px (you can do it with built-in browser tools).

You can add this code to style.css file of your child theme, also you can use Simple Custom CSS or similar plugin for adding CSS code.

Best Regards, Roman.