@media screen and (min-width:1000px){
.main-navigation ul{background: none !important;}
}
.nav li a{background:none !important; padding:0 !important}
The CSS code should be the above.
I contacted our theme design developer and we were told that there were 2 problems identified with your plugin:
1. Something with jquery conflict with the job board I have added and I was asked to include the following CSS code under my custom css file:
@media screen and (min-width:1000px){
.main-navigation > ul{background: none !important;}
}
2. The CSS of the Bootstrap of your plugin has some issues.
They have resolved for us but I hope the next update will not have the same issue.
After I have deactivated your plugin, the box alignment and color scheme resolve immediately.
On Internet Explorer, the orange rectangular box (taken from the color scheme I choose for the design) appears only under the Jobs page where the job board is applied. There are no conflicts for other pages,