Adjust behaviour of header image in Blaskan theme

Hi Colorlib,
First post here, forgive me for not being familiar with all the rules here.
Hopefully you can help with the following. I’m customising the Blaskan theme on my site
I would like the header image to be scaled down as the browser window width on desktop becomes smaller. And I would like the same behaviour when viewed on mobile, for the header image to just become smaller. Right now on mobile, there is just a tiny center portion of the header image displayed. I would much prefer the header image to just scale down all the way.
How could I change this behaviour, perhaps with some additional CSS?
Many thanks in advance!!

Hi there
Hope you are having a good day and thank you for your question :slight_smile:
In order to check your question i need to see your live website, please provide url and i will take a look
Hope to hear from you soon.

Hi Mike, thanks for the response.
My website is

Hey there

Well, this is not something that custom CSS can do unfortunately, image added as the background is trying to cover the entire area of the section, that’s how it works, unfortunately, there is no other way


Good post, thanks for the answer.

You are welcome :slight_smile:

Im going to close this post as is now