Media Query - Contain Background

crouton4

I'm struggling to contain the background in #bannerwrap when using the media query.

Here is my code:

@media (max-width: 1000px) and (min-width: 320px)
{#bannerwrap {background-size: contain !important;}}

It appears to be overridden by the main template file but I am having trouble working around it.

#bannerwrap {
background: url(/images/background/background-movement-solutions-4.jpg) center no-repeat;
background-size: cover !important;
background-attachment: fixed !important;
}

Any help you can provide would be greatly appreciated.

Thanks,

Steve

saguaros

Hi Steve,

Try to add its parent div tag to override style in template:

@media (max-width: 1000px) and (min-width: 320px){
#fullwrap #bannerwrap {
    background-size: contain !important;
}
}

crouton4

I'm wondering if you have an update on this.

Thanks,

Steve

saguaros

crouton4
Hi,

Did you try my above suggestion?

crouton4

saguaros First, my apologies. I totally missed the reply to your post. I had been looking for an email as well as a notification and didn't see it.

Secondly, yes, it worked. I'm working on some fine-tuning. I appreciate seeing the missing #fullwrap.

Again, thank you!!

Steve