Have been building my site for a while and checking it along the way using chrome developer tools and toggling different devices to make sure all is good.
All seems fine on the laptop when toggling all devices BUT when i view my site on a Ipad the top dropdown menu appears behind all other layers so making it hard to read and impossible to use.
This is how it looks when viewing on Ipad: This is what it looks like using laptop toggling ipad view using chrome developer tools: I have viethemes live editor installed and have even tried adding
Code: Select all
@media (min-width: 768px)
#menu .dropdown:hover .dropdown-menu {
z-index: 9999 !important;
background-color: #fff;
}
Anyone else having this problem ?
Or anyone know of a fix
current site is not live at the moment due to still getting it how we want but thanks in advance