Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • #1306678

    Hi!
    I have two problems using Enfold:
    1. the logo is on almost all devices left aligned as it should be. Only on the customers iphone7 the logo is centered. Why is it like this and is there a solution to fix this?
    2. i would like to have the active menu element to be a different color (green instead of white) than the normal (unhovered and inactive) status. I tried to change this in the enfold color settings, but it did not work – both for the primary and secondary menu. Any ideas?

    Thanks a lot :-)
    Regards Sven

    #1306858

    Hi Sven,

    1. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
    .responsive .logo img {
        max-height: 100% !important;
        max-width: 50% !important;
    }
    }

    2. And this for the current page indicator:

    nav.main_menu .current-menu-item .avia-menu-fx {
      background-color: green;
    }

    Best regards,
    Rikard

    #1307320

    Thank you Rikard!

    “1” is working :-)

    “2” is not working :-( Maybe my explanation was a bit unclear – i dont want to change the background, i want to change the textcolor.

    Regards, Sven

    #1307422

    Hi Sven,

    Thanks for the clarification. Please try this CSS instead for number 2:

    nav.main_menu .current-menu-item .avia-menu-text {
      color: green;
    }

    Best regards,
    Rikard

    #1307423

    Hello,
    How can I create my own threat on this form?

    #1307831

    Hi rmieniawski,

    You can follow this link to open a new thread, or click this button: https://imgur.com/a/AnoSPNb.

    Best regards,
    Rikard

    #1307981

    Hi Rikard,

    sorry but thats not yet the solution. If i insert the CSS every (!!) menu item from the secondary menu is green – not only the active one as i want it to be. The active menu item from the primary menu is still white, not green as wanted.
    Maybe the problem is, that i use individual links (without link target) for the primary menu. Maybe you can have a look on the site – i shared the link with you on my first question.

    Thank you!

    #1308260

    Hi Sven,

    Thanks for the update. Could you post login details in private, so that we can try to add it for you please? I tried the login details you posted previously, but they are not working:

    Unbekannter Benutzername. Überprüfe ihn noch einmal oder versuche es mit deiner E-Mail-Adresse.

    Best regards,
    Rikard

    #1308262

    Hi again Sven,

    You could try this CSS as well:

    nav.main_menu .current_page_item .avia-menu-text {
      border-bottom: 2px solid green;
    }

    Best regards,
    Rikard

    #1308396

    Hi Rikard,
    login data in private content.

    The last CSS is working “a little” – the active menu item of the secondary menu is now underlined as expected. But from design aspect i want it not (!) to be underlined, but “simply” in green.
    And in addition it would be nice to have the active primary menu item in green as well.

    Maybe i have a bit of a mess in the color section of enfold?

    Thank you for having a look, regards Sven

    #1308551

    Hi Sven,

    Thanks for the update. I’ve adjusted the CSS for you, please review your site. I tried finding a solution to target the parent as well, but I haven’t been able to find one unfortunately. If you want to try yourself, then here are some resources:

    https://www.w3schools.com/cssref/css_selectors.asp
    https://stackoverflow.com/questions/2717480/css-selector-for-first-element-with-class

    Best regards,
    Rikard

    #1309220

    Hey Rikard, thank you. For the secondary menu items it is fine now :-)

    But i am a bit disappointed that there is no solution for the primary menu. In my opinion the wanted behavior is something like “standard”… The old site (from the same customer) is made with enfold as well – see link in private data. And on the old site the wanted behavior is working. The difference is, that in this “old” site the primary menu items are separate pages – in the new site “only” links. Is this difference the key why it is not working?

    Thanks, Sven

    #1309364

    Hi,

    You had set for the main menu items to be white under Enfold->Advanced Styling, and that was overriding my CSS. I’ve removed that setting for you, and added this CSS:

    .av-subnav-menu a:hover, .header_color .main_menu ul:first-child > li a:hover, .main_menu ul:first-child > li.current-menu-item > a, .main_menu ul:first-child > li.current_page_item > a, .main_menu ul:first-child > li.active-parent-item > a {
        color: red !important;
    }

    Best regards,
    Rikard

    • This reply was modified 3 years, 4 months ago by Rikard.
    #1309378

    Hi Rikard, thank you very much for your help – thats it. GREAT!

    #1309539

    Hi,

    Great, I’m glad that we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    #1309563

    … thanks, you can close this thread :-)

    #1309649

    Hi,

    Thanks for letting us know, I’ll go ahead and close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘textcolor active menu (primary and secondary)’ is closed to new replies.