Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 10, 2023 at 10:23 am #1421989
    ebenanders

    Dear enfold team,

    first of all thank you for the great theme, we like to use it again and again. Almost all questions that came up in the past, I was able to solve over with the help of the existing queries. Now for the first time I am faced with a question for which I have not yet found an answer.
    This time we use the small bar above the main menu. Via the advanced styling I have set an alternative color, but it does not work. What could be the reason?

    With kind regards
    Karin

    October 10, 2023 at 10:37 am #1421990
    ebenanders
    This reply has been marked as private.
    October 10, 2023 at 2:32 pm #1422015
    Ismael

    Hi,

    Thank you for the inquiry.

    It seems to be working correctly on our end. Have you tried disabling the Enfold > Performance > File Compression settings temporarily? If the issue persist, please try this css code.

    #top #header_meta a, #top #header_meta li, #top #header_meta .phone-info {
    color: #1c9066;
    border-color: #ffffff;
    text-transform: none;
    letter-spacing: 0.1em;
    font-weight: normal;
    text-decoration: none !important;
}

    Best regards,
    Ismael

    October 11, 2023 at 10:09 am #1422094
    ebenanders

    Hi Ismael,

    thank you for your answer! File Compression was already disabled. I tried the css code you send me.

    Now the situation is as follows: The menu is green, when clicking on “Über mich” or “Unter 18” it stays #1c9066. (These are Anchor Points) If I click on one of the other menu items (Settings, Themen, Honorar), then the menu bar becomes #e61a5e.

    This is how it should work for all menu items: Default: #1c9066, Mouse over: #e61a5e, active menu item: #e61a5e.

    Thank you for your help!

    Kind regards,
    Karin

    October 12, 2023 at 5:37 am #1422187
    Ismael

    Hi,

    Thank you for the clarification.

    Please remove the css code listed below.

    #top #header_meta a, #top #header_meta li:hover, #top #header_meta .phone-info:hover {
    color: #1c9066;
    border-color: #ffffff;
    text-transform: none;
    letter-spacing: 0.1em;
    font-weight: normal;
    text-decoration: none !important;
}

#top #header_meta a, #top #header_meta li, #top #header_meta .phone-info {
    color: #1c9066;
    border-color: #ffffff;
    text-transform: none;
    letter-spacing: 0.1em;
    font-weight: normal;
    text-decoration: none !important;
}

    Then replace it with the following code.

    #top #header_meta a, #top #header_meta li, #top #header_meta .phone-info {
    color: #1c9066;
    border-color: #ffffff;
    text-transform: none;
    letter-spacing: 0.1em;
    font-weight: normal;
    text-decoration: none !important;
}

#top #header_meta li:hover a, #top #header_meta li.current-menu-item a {
    color: #e61a5e;
}

    Best regards,
    Ismael

    October 13, 2023 at 2:13 pm #1422403
    ebenanders

    Great, now it works, thanks!

    October 13, 2023 at 2:21 pm #1422406
    Mike

    Hi,
    Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Small bar above main menu – color change’ is closed to new replies.