Hi there,
My site is disruptivevision.com
A couple issues with the menu
1. On the ipad, On the 1st click (touch) of ANY Menu option, the drop down menu stays stuck in that position even when user scrolls the rest of the page up & down.
2. The colored bar that appears under the menu link when hovering and when that link is active is not showing up in the right place. I know this is because I’ve changed the header height, but I was given the code to change it in this form so kindly help out with it.
Cheers
Hi there, just noticed another issue. The icon for the search in Safari browser isn’t showing
Thanks
Hey!
As far as I know the hover option on ipads is always set to be stuck to on until the option is re-clicked on (touched).
For the other issue we’ll need to see the site live and inspect the code.
Best regards,
Devin
Hi there,
The site is http://disruptivevision.com
Send me your email ID if you’d like me to share the login details.
For the hover, there’s no way we can set it to stop showing when the visitor scrolls?
Cheers
You have this:
.main_menu {
padding-top: 5px;
}
Which adds the padding on the menu even when its scrolled. The quick fix is to just add this css after it to remove the padding when its scrolled:
.header-scrolled .main_menu {
padding-top: 0px;
}
For the iPad hover, not that I know of. Its a browser function to mimic mouse overs.