Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • December 3, 2025 at 12:33 pm #1492060
    ti2media

    Dear Support.

    I tried to customise the menue based on threads in this forum. Almost there but some stuff is broken / does not work as described.
    If you go to the start page using a laptop, the menu items should be blue, on hover = white and active=white.

    For some reason reason “über mich” is white, but it’s not active. Home and the chosen language should be active (white) but they are not.
    Also I tried to format the height of the space the elements are in as well as giving “Kontakt” a different background color.
    I used this, but deactivated it for now – since the page is live.

    #menu-item-167 {
    background-color:#8b8c89;
    }.

    The Problems are:
    1. If you are visiting the start page with a laptop it’s ok at first.
    2. If you scroll down the header shrinks and has on purpose a different background color, but the button background should also change to white and the link to the #8b8c89.
    3. Also once you scroll there is no active color which should be the corporate blue.
    4. The height of the items is only ok once you scroll. Before that it’s too high – see screenshots.

    Thanks for help.

    December 4, 2025 at 7:05 am #1492095
    Ismael

    Hey ti2media,

    Thank you for the inquiry.

    You can adjust the initial height of the header in the Enfold > Header > Header Layout > Header Size settings. To correct the menu color issue including the active state color on a scrolled header, please add this css code.

    .header_color.header-scrolled .main_menu ul:first-child > li.current_page_item > a {
    color: #ffffff !important;
}

.header_color.header-scrolled .main_menu ul:first-child > li > a {
    color: #0d3c63 !important
}

.header_color .main_menu ul:first-child > li.menu-item-language > a {
    color: #0d3c63;
}

.header_color.header-scrolled .main_menu ul:first-child > li.menu-item-language > a {
    color: #ffffff;
}

    Let us know the result.

    Best regards,
    Ismael

    December 4, 2025 at 5:01 pm #1492121
    ti2media

    Hi Ismael,

    thanks for the reply. Unfortunately none of the issues was solved with your code.
    Also I don’t want to change the height of the whole menu. I just want to change the height of the background of the highlighted button and the separator.

    Please advise.

    Regards
    Stefan

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