Home › Forums › Aasta Pro › Change Sticky menu in mobile version

Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • August 11, 2025 at 7:53 am #42085
    José Ángel Olivares Olivares
    Participant

    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.

    August 11, 2025 at 8:30 am #42086
    themearile
    Keymaster

    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

    August 11, 2025 at 10:08 am #42087
    José Ángel Olivares Olivares
    Participant

    Perfect, thank you very much, it worked perfectly.

    I am very grateful…

    KR

    August 11, 2025 at 12:05 pm #42090
    José Ángel Olivares Olivares
    Participant

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

    August 11, 2025 at 5:11 pm #42091
    José Ángel Olivares Olivares
    Participant

    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
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.