Links in SignIn Dropdown getting blue background

[cr1zz]

Hey,

the links in my dropdown are getting a blue background color.
Dunno why 🙁

They are getting the following css class:

element.style {
}
@media (min-width: 992px)
#header.flat-menu nav ul.nav-main li > a:hover, #header.flat-menu nav ul.nav-main li.dropdown:hover a {
color: #FFF;
background-color: #0088cc !important;
}

Thanks in advance.

---

[Support]

Hello, can you please send me the URL so I can check to make sure I understood the problem?

Kind Regards,

Jonas

---

[cr1zz]

Hello Jonas,

Page is not not online yet.
Can I provide you something other?

Thanks in advance.

---

[cr1zz]

BTW: Just happens when you assign the class=”flat-menu single-menu” to the header.

---

[Support]

Hello, I think that the problem is a CSS conflict, would be great if you could publish it in a temporary URL, or please send me screenshots and the HTML/CSS you’re using.

Regards,

Jonas

---

[cr1zz]

This reply has been marked as private.

[Support]

Hello, hum, ok, looks like it’s something with that header style.

Please add the following css to fix that problem:

(css/custom.css)

body #header.flat-menu nav.mega-menu .mega-menu-signin ul.dropdown-menu li a,
body #header.flat-menu nav.mega-menu .mega-menu-signin ul.dropdown-menu:hover li:hover li:hover a {
	background-color: transparent !important;
	color: #0088cc;
}

It will be fixed in the next version as well.

Thanks for letting me know.

Kind Regards,

Jonas

---

[cr1zz]

Thanks Jonas, works fine now.

But there is another issue…
When I click on a input field in the login box, the whole box slides up for let me say 5px.
Another bug?

Thanks again 🙂

---

[Support]

Oops, yes, that’s another conflict, sorry about that, please also add this:

body #header.flat-menu nav.mega-menu ul.nav-main .mega-menu-signin.open a.dropdown-toggle {
    margin-bottom: -1px;
    padding-bottom: 20px;
}

Kind Regards,

Jonas

---

[Author]

Posts