Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • April 2, 2026 at 10:56 pm #1496537
    bemodesign

    Hello, Can you adjust or add new CSS to make the menus look good on desktop and mobile?
    You are good at setting it to what looks best.
    They are close, but couple things:

    1. There are 2 “arrows” for the dropdowns. Just keep the one next to the wording, and remove the one on the right side.
    2. Text color for “sub menu” should be #45a5dd
    3. Anything you see that will make it look better

    this is the last code i added:
    @media only screen and (max-width: 767px) {
    #top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li a {
    font-size: 22px;
    }
    .html_av-overlay-full #top #wrap_all #av-burger-menu-ul li,.html_av-overlay-full #top #wrap_all #av-burger-menu-ul li li {
    line-height: 1.5em;
    }
    .responsive #top #wrap_all #av-burger-menu-ul li {
    font-size: 22px !important;
    }
    }

    April 3, 2026 at 6:07 am #1496539
    Ismael

    Hey bemodesign,

    Thank you for the inquiry.

    For the submenu text color and a few other improvements, try to add this to the Enfold > General Styling > Quick CSS field:

    
#av-burger-menu-ul .av-submenu-indicator{
    display: none;
}

#av-burger-menu-ul .sub-menu li a {
    color: #45a5dd !important;
}

#av-burger-menu-ul .av-width-submenu > a::after {
    content: "›";
    display: inline-block;
    margin-left: 20px;
    transform: rotate(90deg);
    font-size: 0.9em;
}

    Please make sure to purge the cache before testing.

    Let us know the result.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.