This topic has 10 replies, 3 voices, and was last updated 7 years, 6 months ago ago by Rose Tyler
Hi,
I’m using a logo that is 200 px wide by 80 px tall – and my dropbdown menu starts blinking when trying to put the mouse over it. The issue doesn’t happen when using a smaller logo (47 pixels tall). I need to use the larger logo.
I’m using the Transparent header style.
How do I fix this blinking issue?
Thanks!
Bob
Hello,
menu/dropdown works fine without blinking on my laptop.
check the screenshot link in the ‘private content’
and check your site in another laptop or pc
Please see notes in the private content. Thanks!
Hello,
Try to add this code in Custom css:
.header-type-4.transparent .main-nav .menu > li > a {
padding-bottom: 40px;
}
How to create custom.css you can watch in this tutorial https://www.youtube.com/watch?v=Qok2zRedRMY.
Regards,
Rose Tyler.
Thanks for the reply! I had to change it to 80px, but it works! The submenu is no longer blinking.
Would you also know how to reduce the padding (top and bottom) around my logo, or shall I create another topic?
Thanks!
Hello,
Please use this code:
.header-type-4 .main-nav .double-border {
padding: 0 0 5px 0;
}
Regards,
Rose Tyler.
That’s perfect, thank you so much!
Lastly, how do I add padding to the top of the main navigation menu links? I’d like to drop them down about 30 px or so.
Thanks!
Hello,
You’re welcome!
Try to change this code http://prntscr.com/fggnwd to https://prnt.sc/fggnpo
Regards,
Rose Tyler.
Perfect, thanks again!
Hello,
You’re welcome!
Regards,
Rose Tyler.
Tagged: blinking issue, dropdown menu, seo friendly, woocommerce, wordpress
The issue related to '‘Dropdown Menu Blinking Issue’' has been successfully resolved, and the topic is now closed for further responses