How to remove the white background of the topbar?

[blaouchez]

Hello,

I want a different css style for navigation and topbar.

I defined the css of the main menu but also adds a white background to the topbar.

How to remove the white background of the topbar?

My code for the menu

/*--Nav --*/
nav li a {
	text-align: center;
	color: #004B98!important;
	background-color: #fff!important;
}
nav li a:hover {
	color: #fff!important;
	background-color: #004B98!important;

}
/*--Rubrique : padding--*/
nav .menu li a {
	margin: 0;
	padding-top: 11px;
	padding-right: 15px;
	padding-bottom: 12px;
	padding-left: 15px;
}

/*--Première rubrique : padding--*/
nav .menu > li:first-child > a {
  padding-left: 10px!important;
}

Best regards

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below to your custom css.

#top-bar .menu > li > a, #top-bar .menu > li.parent:after {
background: transparent!important;
}

-Rui

[blaouchez]

Thanks Rui, ill’s perfect 😉

For Smartphone:

1) how to edit the blue background under the menu
2) How to remove the border of the sub-menu?

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Try the code below.

@media (max-width: 767px){

   #header-section, #mini-header, header{
        background-color:#FFF!important;
  }

   nav .menu > li {

      border-top: none!important; 
  }

}

-Rui

[blaouchez]

Good ! Thank you very much Rui

[Rui Guerreiro – SUPPORT]

Glad it’s solved.
-Rui