css problem on the navbar

[wilfriedMarseille]

Hello I would like make a navbar like that for the background color :hover effect http://greenroom.fr/
But on My Kleo Theme when i add a background color i got a margin of 10 px ( look image 1 )
And if i put margin 0px i see a border bottom with a blue margin like if the top menu bar was under the menu. And my sub Menu took the background color and the icon is not take in the background … ( look image 2 )
This is my menu code :

COPY CODE

/*****************************Menu*****************/

.kleo-main-header .nav.navbar-nav/*Navbar*/ {
    line-height: 0;
}
#menu-principale
{
	font-family: "passion one";
	font-size: 55px;
	margin: 0px;
}

#menu-principale :hover
{
  background-color: red;
}
li a
{
	vertical-align: middle;
		font-size: 20px;
}
.logo img {
    margin-top: 10px;
}
.dropdown-menu .sub-menu .menu-item .menu-item-type-taxonomy .menu-item-object-category .menu-item-7294
{
	font-family: "passion one";
	font-size: 20px;
}
/*****************************Fin Menu******************/

If you love Ableton check my blog :
www.zikrea.com

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, i dont understand the issue, could you explain a bit more?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[wilfriedMarseille]

hi,
i would like make a background color different when i make an :hover on a element of the navBar. But i don’t find a solution.
My ul got an id #menu-principale
If i put #menu-principal margin 0 i see a part of the top bar under the navbar. ( check photo )
And if i put #menu-principale margin 10 i don’t see the top bar under the navbar. but my background-color :hover don’t take all the nav bar. (check the second photo )
And my objectif is make a nav bar like the greenroom navbar. http://www.greenroom.fr/

2nd problem
My background color :hover take the name but no icone ( span.carret ) ( check photo named span.carret )

MyWebsite : http://le-journal-des-dj-producteurs.com/

If you love Ableton check my blog :
www.zikrea.com

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, what color do you want for hover? Also for submenu hover?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts