Non-reponsive header image help

[RichardRColeman]

Hi,

I would really appreciate some help on this one.

I need to make the header image responsive. I’ve altered the code to width: 100%, but no luck. This is the code for this piece:

#header #masthead {
display: block;
width: 100%;
position: relative;
margin: 80px;
padding: 36px 0px;

This is the site in question: http://aceditchildcare.com.au/

Thanks in advance!

Richard C

[RichardRColeman]

Hey Justin,

Just tried that, no luck.

This is the original code from this section:

#header .row {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border-radius: 2px 2px 0px 0px;

When I spoke to the guys that created the theme, they had a hard time coming up with a solution.

Hope that makes sense.

Thanks again :)

[Paulie_D]

media="all"
#header .row {
background-size: contain;
}

Does work

[RichardRColeman]

Hey Paulie_D,

Thanks for this, amazing!

I added your code to the CSS, unfortunately didn’t work here.
Should I be removing anything else to make it work?
Do I just change that line, or does this code get placed somewhere else?

Please excuse my lack of expertise in this area.

Much appreciated.

Richard C

[Paulie_D]

I just changed your code using Developer Tools in my browser so it DOES work…perhaps you should clear your cache or something.

You can use the same developer tools to identify the correct CSS line to change.

[RichardRColeman]

I’ve used the Dev Tools as suggested and got the result, thanks for this.

I’ve changed the code in the CSS, still no luck.
I think there might be other elements that might inhibit the change.

Purged cache too. There is this code that the theme designer said I should change, (which did nothing),

#header #masthead {
display: block;
width: 100%;
position: relative;
margin: 80px;
padding: 36px 0px;
}

Hope you can help, thanks again, very appreciated.

[Paulie_D]

#header #masthead {
display: block;
width: 100%;
position: relative;
margin: 80px;
padding: 36px 0px;
}

It’s not in here…

We gave you the code to change…if that’s not working it’s being overridden somewhere although it wasn’t the case before.

I see something else has changed in the interim though.

[Author]

Posts