Homepage Header Image (Logo)

Hi there,

i cannot access the URL you have provided – so a bit of guess work.
In Customizer > Layout > Header – set the Header Width and Inner Header Width to Full.

Then this CSS to strip the header padding and force the logo to fill the space:

.inside-header {
    padding: 0;
}

.site-logo {
    width: 100%;
}

Hey, I tweaked the website and now you should be able to access that.

Please have a look, and yes, I checked your code and it worked but there are still some space left at the edges. Please do the needful.

Replace:

.site-logo {
    width: 100%;
}

with:

.site-logo img {
    width: 100%;
}

Hi Leo,

I just wanted to tell you that I tried the new code that you shared but still, it’s the same issue.

I am sharing the image. Please have a look.
https://ibb.co/rw7fm4w

It shouldn’t be.

Can you disable your caching and lazy load plugin first?

Hi Leo, Thanks for responding!

I have disabled everything.

Purged all cache – and still, it’s the same the image is not stretched horizontally.

I have used other CSS codes as well, and I feel that maybe one of the existing css codes might be conflicting with this code of yours.

Sharing the image of my codes here: https://ibb.co/FsZVmwf

Hi there,

try targeting both the container and the image like so:

.site-logo,
.site-logo img {
    width: 100%;
}