Problem active navigation class in NAVBAR

Hi @carlosbmc

Thanks for the using Appointment theme.

Kindly let me clear, do you want to remove active menu background color in Appointment theme. Please look at the screenshot http://prntscr.com/jaol48 if yes use the below custom css snippets.

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent !important;
    color: #1b1b1b !important;
}

If you are talking about something else please more clear your query so we can help you better.

Thank you.

Hello @carlosbmc

For this, Can you please try code given below in Custom CSS field (Appearance -> Customize -> Header settings -> Custom CSS).

@media (min-width: 768px){
	.navbar-default .navbar-nav > li {
		margin: 4px 15px !important;
	}
	.navbar-default .navbar-nav > li > a {   
		border-radius: 0 !important;
		padding: 5px 0 !important;
	}
	.navbar-default .navbar-nav > .active > a, 
	.navbar-default .navbar-nav > .active > a:hover, 
	.navbar-default .navbar-nav > .active > a:focus {
		background-color: transparent !important;
		color: #1b1b1b !important;
		border-bottom: 2px solid #ee591f !important;
	}
}

Let us know if it works..!

Thank You.

Hi @carlosbmc,

You are using same URL in 3 pages, please remove same URL in pages of “Empresa” and “Areas de trabajo” then check your website.

And also remove above code in custom css filed.

Thanks