Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #1489052

    Hi,

    I would like to change the color of the horizontal bar where the “Enfold Main Menu” is located. Where can I find the correct name for this area in the template settings—and the corresponding color setting?

    Kind regards.
    Mario

    #1489056

    here are some rulesets that belong to your question.

    #top #header_main_alternate,
    #top #header .av-main-nav > li > a {
      background-color: #aaa;
    }
    
    #top #header .av-main-nav > li > a,
    top #wrap_all #header #menu-item-search > a{
      border-color: #fff  !important;
    }
    
    #top #header .av-main-nav > li > a .avia-menu-text {
      color: #333
    }
    
    #top #menu-item-search a.avia-svg-icon svg {
      z-index: 1;
      fill: #333 !important;
    }

    _____________
    btw. dear mods : why is the search icon set to z-index: -1 on header_main_alternate on default ?

    #1489121

    Thanks for your quick answer, Guenni.

    I found the right setting (main menu on the left) :-)

    But I have another problem with the color settings: The logo background (logo area background color) is set to white (#ffffff). This works for both the full and narrow desktop views.

    However, the background is gray on mobile devices. It can only be changed with very bright colors, which do not fit into the color scheme.
    Due to the dark background, the burger menu is no longer visible.

    Another question: How and where can I change the colors of the search icon and the social icons in the header? When I hover over them with my mouse, a bright color appears that is not set anywhere in the styling.

    So, two open questions:
    1. Why do the header colors differ between desktop and mobile?
    2. How and where are the colors of the icons and the burger menu in the header adjusted?

    • This reply was modified 9 hours ago by schub1981.
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.