Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 6, 2025 at 8:19 pm #1478801
    KittenAdmin

    Hello,
    I’ve got a problem with a mobile version of a menue:
    the font color on mobiles with an active item should be black (on yellow background) but it is white. How to do it?

    The search symbol of the mobile menue in general should be white. And on mobiles the open searchfield causes a yellow background for the active search symbol – I don’t want that. Under the search field, there is text “Bitte verwende…”. This text should be white, too. How can I have it white?

    Thank you and kind regards,
    Kati

    March 7, 2025 at 7:13 am #1478832
    Ismael

    Hey Katja,

    Thank you for the inquiry.

    Please add this css code to adjust the color of the active mobile menu items and the search icon:

    .html_av-overlay-side #top #wrap_all div .av-burger-overlay-scroll #av-burger-menu-ul a:hover {
    color: #000000;
}

.header_color .main_menu ul:first-child > #menu-item-search > a svg:first-child {
    stroke: #fff;
    fill: #fff;
}

    You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings.

    Best regards,
    Ismael

    March 7, 2025 at 11:51 am #1478848
    KittenAdmin

    Hello Ismael,

    thank you very much – that worked! :-)

    There are just three little things:
    1) the search icon is not visible on large screens like laptop (is it blue?) – it should be white.
    2) the menue should be in burger style when it is too long – the client has added one big menue item and now it is too big…
    3) the italic text which is shown when the search field gives no entry “Bitte verwende einen anderen Suchbegriff” should be in white, too.

    Can you help, please?

    Kind regards,
    Kati

    March 9, 2025 at 3:14 pm #1478939
    Mike

    Hi,
    1) for the search icon try this css in your quick css:

    #top #header .av-main-nav > li#menu-item-search > a {
    background-color: unset;
}

    2) don’t understand how burger menu is too long, perhaps a screenshot would help.
    3) try this css:

    .header_color .av_ajax_search_title {
    color: #fff;
}

    Best regards,
    Mike

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