CSS Working In Firefox But Not Chrome

I have added a search menu to header.php in WordPress HTML:

Solution 1:

You are using too many "!important" statements. Your CSS shows:

.input-group {
    margin-top: 10px !important;
    width: 380px !important;
    background-color: #f4f4f4 !important;
    height: 30px !important;
    margin-left: 450px !important;
}

and then:

.input-group .form-control {
    height:36px !important;
}

So you are applying !important twice and it is causing the problem. Please remove the statements and it should work:

.input-group {
    margin-top: 10px !important;
    width: 380px !important;
    background-color: #f4f4f4 !important;
    height: 30px;
    margin-left: 450px !important;
}

.input-group .form-control {
    height:36px;
}

Share