background image showing through menu only on tablet

[Nate]

Nate

May 17, 2016 at 10:53 pm

On an ipad in portrait mode, the menu is similar in set up to the mobile, but it is transparent and shows through to the background of the page. How do I get it to look more like the mobile menu, color wise? I have this for the mobile menu in my css:

@media only screen and (max-device-width: 480px) {
.flex-control-nav, .flex-direction-nav {
display: none !important;
}
.kad-mnav, .kad-mobile-nav {
background: #105694;
}
.mobileclass.collapsed {
color:#ffaa30;
}
.kad-nav-inner li.menu-item-243 {
display:none;
}
.logged-in .kad-nav-inner-menu li.menu-item-243 {
display:block;
}
.kad-nav-inner li.menu-item-244 {
display:none;
}
.logged-in .kad-nav-inner li.menu-item-244 {
display:block;
}
.kad-nav-inner .kad-mnav, .kad-mobile-nav .kad-nav-inner li a, .nav-trigger-case {color:#ffffff;
}

@media (max-width: 480px) {
body {
background: none;
}

I have the exact same thing directly below that, ver batim, except the @ media is set at max-width 768px. What is wrong here?