Start a new discussion

To start a new discussion please visit the discussions section of the GitHub home page of the project.

Discussions on GitHub

You can also search our old self-hosted forums for any useful information below but please note that posting new content here is not possible any more.

Re: Slight flickering when hovering off menu items

Home › Forums › Older releases › 0.9.x › Slight flickering when hovering off menu items › Re: Slight flickering when hovering off menu items

June 26, 2014 at 07:43 #1678
admin
Keymaster

Hi,

You will need to tweak a bit your CSS code in “/wp-content/themes/blankslate/style.css” to consider the toggling of the “open” class when sub menus are shown/hidden.

1) Replace the following rules:

/* Colour the menu items */
li.company-nav a:hover, li.company-nav:hover a, li.company-nav a:focus, li.company-nav a:active a { background-color:#555 !important; color:#FFF !important; }
li.restoration-nav a:hover, li.restoration-nav:hover a, li.restoration-nav a:focus { background-color:#165E72 !important; color:#FFF !important; }
li.new-build-nav a:hover, li.new-build-nav:hover a, li.new-build-nav a:focus { background-color:#808040 !important; color:#FFF !important; }
li.singlelink.blog-nav a:hover, li.blog-nav a:focus { background-color:#555 !important; color:#FFF !important; }

with these:

/* Colour the menu items */
li.company-nav.open a, li.company-nav a:hover, li.company-nav:hover a, li.company-nav a:focus, li.company-nav a:active a { background-color:#555 !important; color:#FFF !important; }
li.restoration-nav.open a, li.restoration-nav a:hover, li.restoration-nav:hover a, li.restoration-nav a:focus { background-color:#165E72 !important; color:#FFF !important; }
li.new-build-nav.open a, li.new-build-nav a:hover, li.new-build-nav:hover a, li.new-build-nav a:focus { background-color:#808040 !important; color:#FFF !important; }
li.singlelink.blog-nav.open a, li.singlelink.blog-nav a:hover, li.blog-nav a:focus { background-color:#555 !important; color:#FFF !important; }

2) Replace the following:

.navbar-default .navbar-nav .open .company-subs li a { background-color: #555; color: #FFF;}
.navbar-default .navbar-nav .open .company-subs li a:hover { background-color: #777; color: #FFF;}
.navbar-default .navbar-nav .open .restoration-subs li a { background-color: #165E72; color: #FFF;}
.navbar-default .navbar-nav .open .restoration-subs li a:hover { background-color: #5C8F9D; color: #FFF; }
.navbar-default .navbar-nav .open .newbuild-subs li a { background-color: #808040; color: #FFF;}
.navbar-default .navbar-nav .open .newbuild-subs li a:hover { background-color: #A6A67A; color: #FFF; }

with the following:

.navbar-default .navbar-nav .company-subs li a { background-color: #555; color: #FFF;}
.navbar-default .navbar-nav .company-subs li a:hover { background-color: #777; color: #FFF;}
.navbar-default .navbar-nav .restoration-subs li a { background-color: #165E72; color: #FFF;}
.navbar-default .navbar-nav .restoration-subs li a:hover { background-color: #5C8F9D; color: #FFF; }
.navbar-default .navbar-nav .newbuild-subs li a { background-color: #808040; color: #FFF;}
.navbar-default .navbar-nav .newbuild-subs li a:hover { background-color: #A6A67A; color: #FFF; }

That’s all.

Cheers!