Banner size on mobile


#1

I need to make the banner size on mobile “thinner” on my site. Basically, when viewed on the web, the banner is fine, I have been able to make it thinner, but on mobile this isn’t showing… Can you advise what I can do? The site is

http://kiswahili.tutaabsoluta.net

Cheers


#2

Hi,

You can make the header image thinner on mobile with this CSS:

@media only screen and (max-width: 460px) {
.header-image {
    height: 150px !important;
}
}

Add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also use this plugin to add the CSS to it: https://wordpress.org/plugins/simple-custom-css/ so you will not loose the changes on theme updates.

Please let me know how it works.

Best Regards,
Csaba


#3

Brilliant that worked great!

Cheers!! :slight_smile:


#4

Hi,

Great! You’re most welcome! If you need help with anything else, please, feel free to open a new topic.

Have a nice day!

Best Regards,
Csaba