CSS not working
Hello,
I have made changes to the CSS; however, the changes will not take effect on mobile devices. This issue has been a problem for a while, any help is greatly appreciated.
Additionally, I am having some issues with logo placement. The logo in the menu clashes with other items on page.
Any assistance is greatly appreciated!
Thanks!
.infobox{
background-color:rgb(109, 110, 112,0.8) !important;
}
#menu{
background-color:rgb(109, 110, 112,0.8);
}
.top_bar_left.clearfix{
background-color:rgb(109, 110, 112,0.8);
}
.menu{
background-color:rgb(109, 110, 112, 0.9) !important;
}
.menu_wrapper{
background-color:rgb(59,59,59,0.7) !important;
width: 50%;
height: 2%;
}
.secondary_menu_wrapper{
background-color:rgb(59,59,59,0.7) !important;
width: 50%;
padding: -15px;
margin: -15px;
}
Comments
you are using RGB with an alpha chanel (opacity) so you should be using RGBA instead for all css.
thanks