Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #831267

    Hello,
    I’m having a styling problem after updating the enfold theme to 4.1.2.
    The top menu is not working properly. When I scroll down the color of the menu item text doesn’t change to a dark color as it did before.
    And the mobile menu doesn’t show the correct colors.

    Thanks, Enrico

    #831372

    Hey enricobaumgart,
    To change the color of the text in the mobile menu, Try this code in the General Styling > Quick CSS field:

    .html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a {
        color: #000;
    }

    feel free to adjust the color to suit.
    For your first issue, do you mean the last two menu items are a light gray and not black? If not can you add a screenshot to show what is not right?

    Best regards,
    Mike

    #831409

    This is when the page loads:

    When I scroll down the page, it looks like this:

    Also the a:hover color is not correct anymore when the page is scrolled down. When you hover the link, the color changes to white, so its not readable anymore.
    This was not the case before the theme update.

    Could you check on this please?
    Thanks, Enrico

    #831485

    Hi,
    That is strange because that is not what I see,
    postimage
    I tested in Chrome, Edge, Firefox, and Safari on Windows 10
    What browser are you using?
    Try clearing your cache :)

    Best regards,
    Mike

    #831822

    Well, thanks for your answers.
    I added the code for the mobile menu, the menu items appears, but the close (X) doesn’t appear.

    for the desktop version: Yes there was a cache issue with Chrome, but its still not as it was before. Right now it looks like this:

    The active page item is not readable. It should be white, not gray.

    Why did this happen after an update? I hope I wont have issues like this on further updates :(

    Thanks for help.
    Enrico

    #833052

    Hi,

    Please add

    .current_page_item a {
    color: #fff !important;
    }

    and let us know if it works for you.

    Best regards,
    Basilis

    #833065

    No, it doesn’t work, because then I’m getting #fff all the time, which I do not want when I scroll down the page.
    What did you change on the last update? I’m using the child theme with my own css, which was working fine, but it seams that you changed the name of some classes…?

    Maybe you can have a look again?

    Thanks, Enrico

    #835257

    Hi,

    Please add this css code to change the color of the active menu item when the header is transparent.

    .av_header_transparency.header_color .main_menu ul:first-child>li.current-menu-item>a {
        color: #fff;
    }
    

    Best regards,
    Ismael

    #838298

    Thanks for help. Now its nearly okay, but the close (X) on the mobile menu doesn’t appear. I mean the color is still the same as the background, so its not visible.

    And the hover color on the frontpage (initial screen) is still dark:

    Thanks, Enrico

    #839285

    Hi Enrico,

    Please disable cache and minification until the issue is fixed.

    Best regards,
    Victoria

    #856382

    Hello Victoria,
    is there any update to this issue at the moment?
    Thanks, Enrico

    #856603

    Hi Enrico,

    Do you still need help with this? It’s been a while, I did not see this thread all this time. And still please disable cache and minification for now.

    Best regards,
    Victoria

    #856611

    Hello Victoria,
    I thought there will be an update on the enfold theme. And I’m interested if this issue is on your list?
    Disable of cache and minification doesn’t do any change.

    Regards, Enrico

    #857143

    Hi,

    Do you have a header.php file at your child theme?
    Can you try remove it for a chance to see what the results are? renaming it to header-2.php could work

    Best regards,
    Basilis

    #857146

    Yes I have and I just did the test, but there is no change at all.

    Thanks & best regards
    Enrico

    #857601

    Hi Enrico,

    This is the code that makes the menu dark on hover
    https://cl.ly/1v1z0i2s2z1I
    But it’s hard to tell where it is coming from, since caching and minification are still enabled.

    Best regards,
    Victoria

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