Top Infobar formatting

When I changed the top info bar colors using the recommendations to make these changes through the theme styling options, the change did not apply to the responsive design completely and still shows the original theme color behind the text. No one responded to my first inquiry and I am hoping that someone can help me with this? Please . . .

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.topinfobar{
background:red;
}
@media only screen and (max-width: 960px) and (min-width: 767px){
.topinfobar div.info{
background-color:red;
}
}
@media only screen and (max-width: 767px) and (min-width: 480px){
.topinfobar div.info{
background-color:red;
}
}
.topinfobar .siteinfourl p{
background-color:red;
}
@media only screen and (max-width: 480px){
.topinfobar div.info{
background-color:red;
}
} 

Inplace of "red" put your color code.


Thanks & Regards
Gourav Shrivastava

 

Worked great. Thank you!!!