-
AuthorPosts
-
July 28, 2017 at 7:47 pm #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
- This topic was modified 7 years, 4 months ago by enricobaumgart.
July 29, 2017 at 3:44 am #831372Hey 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,
MikeJuly 29, 2017 at 9:22 am #831409This 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- This reply was modified 7 years, 4 months ago by enricobaumgart.
July 29, 2017 at 3:04 pm #831485Hi,
That is strange because that is not what I see,
I tested in Chrome, Edge, Firefox, and Safari on Windows 10
What browser are you using?
Try clearing your cache :)Best regards,
MikeJuly 30, 2017 at 2:36 pm #831822Well, 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.
EnricoAugust 1, 2017 at 8:04 pm #833052Hi,
Please add
.current_page_item a { color: #fff !important; }
and let us know if it works for you.
Best regards,
BasilisAugust 1, 2017 at 9:08 pm #833065No, 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
August 7, 2017 at 8:05 am #835257Hi,
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,
IsmaelAugust 13, 2017 at 7:34 pm #838298Thanks 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
August 15, 2017 at 2:09 pm #839285Hi Enrico,
Please disable cache and minification until the issue is fixed.
Best regards,
VictoriaSeptember 25, 2017 at 10:04 am #856382Hello Victoria,
is there any update to this issue at the moment?
Thanks, EnricoSeptember 25, 2017 at 5:20 pm #856603Hi 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,
VictoriaSeptember 25, 2017 at 5:33 pm #856611Hello 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
September 26, 2017 at 9:17 pm #857143Hi,
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 workBest regards,
BasilisSeptember 26, 2017 at 9:25 pm #857146Yes I have and I just did the test, but there is no change at all.
Thanks & best regards
EnricoSeptember 27, 2017 at 4:43 pm #857601Hi 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 -
AuthorPosts
- You must be logged in to reply to this topic.