Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • June 21, 2021 at 8:57 am #1306678
    SvHa

    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

    June 22, 2021 at 5:51 am #1306858
    Rikard

    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

    June 24, 2021 at 2:53 pm #1307320
    SvHa

    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

    June 25, 2021 at 11:28 am #1307422
    Rikard

    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

    June 25, 2021 at 11:42 am #1307423
    rmieniawski

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

    June 29, 2021 at 4:16 am #1307831
    Rikard

    Hi rmieniawski,

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

    Best regards,
    Rikard

    June 29, 2021 at 5:35 pm #1307981
    SvHa

    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!

    July 1, 2021 at 9:21 am #1308260
    Rikard

    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

    July 1, 2021 at 9:25 am #1308262
    Rikard

    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

    July 1, 2021 at 7:56 pm #1308396
    SvHa

    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

    July 3, 2021 at 5:22 am #1308551
    Rikard

    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

    July 8, 2021 at 9:36 am #1309220
    SvHa

    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

    July 9, 2021 at 12:01 pm #1309364
    Rikard

    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, 3 months ago by Rikard.
    July 9, 2021 at 12:28 pm #1309378
    SvHa

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

    July 11, 2021 at 6:36 am #1309539
    Rikard

    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

    July 11, 2021 at 11:25 am #1309563
    SvHa

    … thanks, you can close this thread :-)

    July 12, 2021 at 4:24 am #1309649
    Rikard

    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

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