Change Sticky menu in mobile version

[José Ángel Olivares Olivares]

Good morning,

In the Sticky Menu, in the mobile version, I am unable to change the colours so that it looks good. I have tried to find the header to do it via CSS but I cannot find it.

Here is a link to the page: http://www.e-pymes.com

I hope you can help.

[themearile]

Hi José Ángel

Thanks for getting back to us.

Please try the code below. Kindly add the below CSS in the Additional CSS box. Please go to the Appearance => Customize => Additional CSS, then paste the CSS here and click to publish button.

@media (max-width: 991px) {
	.navbar.navbar-header-wrap.header-fixed-top .navbar-toggler {
		border-color: rgba(0, 0, 0, 1);
	}
	.navbar.navbar-header-wrap.header-fixed-top .navbar-toggler-icon {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
	}
	.navbar.navbar-header-wrap.header-fixed-top .nav .dropdown-item {
		color: #000;
	}
}

Let us know if it works for you.

Thanks

[José Ángel Olivares Olivares]

Perfect, thank you very much, it worked perfectly.

I am very grateful…

KR

[José Ángel Olivares Olivares]

Hello, reviewing the entire menu, the third level is not visible… but I can see what would need to be added.

[José Ángel Olivares Olivares]

I’ve already fixed it, thank you.

@media (max-width: 991px) {
/* Estilos para el botón del menú móvil */
.navbar.navbar-header-wrap.header-fixed-top .navbar-toggler {
border-color: rgba(0, 0, 0, 1);
}
.navbar.navbar-header-wrap.header-fixed-top .navbar-toggler-icon {
background-image: url(“data:image/svg+xml;charset=utf8,%3Csvg viewBox=“0 0 30 30” xmlns=“http://www.w3.org/2000/svg”%3E% 3Cpath stroke=“rgba(0, 0, 0, 1)” stroke-width=“3” stroke-linecap=“round” stroke-miterlimit=“10” d=“M4 7h22M4 15h22M4 23h22”/%3E%3C/svg%3E”);
}

/* Regla general para todos los menús desplegables */
.navbar.navbar-header-wrap.header-fixed-top .dropdown-menu {
background-color: #fff !important;
z-index: 1050;
box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

/* Estilos para el texto de todos los elementos del menú */
.navbar.navbar-header-wrap.header-fixed-top .dropdown-item,
.navbar.navbar-header-wrap.header-fixed-top .dropdown-menu .dropdown-item,
.navbar.navbar-header-wrap.header-fixed-top .dropdown-menu .dropdown-menu .dropdown-item,
.navbar.navbar-header-wrap.header-fixed-top .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item {
color: #000 !important;
}

/* Estilos al pasar el ratón y para el elemento activo */
.navbar.navbar-header-wrap.header-fixed-top .dropdown-item:hover,
.navbar.navbar-header-wrap.header-fixed-top .dropdown-item.active {
color de fondo: #f8f9fa; /* Color de fondo al pasar e

[Author]

Posts