-
Posts
-
Hi,
I’m building the following site for the client (https://staging-8923.uni-works.de/), and I recently switched from parent theme to a child theme (using a plug-in, because I was switching to a child theme once the website had already been built). The transition to the child theme was generally successful, except that it produced some issues with the menu transparency and the logo.
I have a sticky header, and it starts off transparent (with white text), and then is supposed to shrink to a white header (with black text) when you start scrolling down. This was working fine before the switch to the child theme, but now it stays transparent (with white text) when scrolling down, and so you can hardly see the menu any more. So, how do I fix this?
This is also an issue on the mobile site. The fly-out menu is supposed to be white (with black text), but it is now transparent (with white text). How do I fix this?Finally, the logo was working fine, but now it has disappeared for some reason (or gone completely transparent). How do I get it back?
See screenshots here: https://imgur.com/a/oY8ZRgn
Thanks!
Hey Chris,
Sorry for the late reply. I see that you are running an old version of the theme, could you try to update to the latest version (4.8.1) to see if that helps please? The update to 4.8.x has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or use a plugin to upload the theme zip file: https://wordpress.org/plugins/update-theme-and-plugins-from-zip-file/
If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/
Best regards,
RikardHi Rikard,
Thanks for your reply. I will do a manual update via FTP and let you know if it solves the issue.
Thanks!
Chris
Hi,
Thank you for the update.
The home page’s Layout > Header visibility and transparency settings should be set to the 5th option. Currently, it is set to the second or the Transparent Header option, which is why it is always transparent.
But you should still update the theme to the latest version, v4.8.1, as previously suggested.
Best regards,
IsmaelHi Ismael,
Thank you for your reply. I’ve updated my theme, and now the logo issue has been sorted. The stick header transparency problem still remains though (I’m pasting it here again: I have a sticky header, and it starts off transparent (with white text), and then is supposed to shrink to a white header (with black text) when you start scrolling down. This was working fine before the switch to the child theme, but now it stays transparent (with white text) when scrolling down, and so you can hardly see the menu any more. So, how do I fix this?
This is also an issue on the mobile site. The fly-out menu is supposed to be white (with black text), but it is now transparent (with white text). How do I fix this?)Ismael, you suggested changing the header settings in the layout settings. However, I can’t seem to find the settings you are talking about. I’ve looked extensively in the Enfold Child menu, but can’t find what you are describing. Could you send a screenshot or describe where it is in more detail? Thank you!
Hi,
Ismael, you suggested changing the header settings in the layout settings. However, I can’t seem to find the settings you are talking about. I’ve looked extensively in the Enfold Child menu,
The option is in the page editor itself. Edit the actual page and look for the Layout box in the lower right corner of the dashboard. You should find the page options there, including the Header visibility and transparency settings.
Best regards,
IsmaelHi Ismael,
Thank you for your reply.
I tried your suggestion, but it made the header invisible initially, which is not what I’m looking for (because when invisible, the menu headings where not visible). I’m looking for the header to be transparent initially, and then switch to solid colour (in this case white) when scrolling down.
Can anyone help?
Chris
Hi,
You have to set the Header visibility and transparency to the second option (Transparent Header) to make it transparent initially. And to bring back the background color on scroll, the General Styling > Logo Area > Logo Area background color should be set to any hex color. We set it to pure white temporarily and use this css code to change the menu item color to black on scroll.
.html_header_transparency .header-scrolled-full .main_menu li a { color: #000000 !important; }We also removed the following code from the Quick CSS field because it removes the logo on scroll.
.header-scrolled .logo img { display: none; }Best regards,
IsmaelHi Ismael,
That’s sorted it out – thank you, you a re a hero!
One more thing – on the mobile fly-out menu, the text is still white and so it doesn’t show up on the white background. How do I change the text to black?
Thanks and best,
Chris
Hi,
No problem. For the mobile fly-out menu, try to use this css code.
.html_av-overlay-side-classic #top #wrap_all .av-burger-overlay #av-burger-menu-ul li a { border-color: #000000; } .html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a { color: #000000; }Please toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css, and make sure to purge the cache.
Best regards,
Ismael
- The topic ‘Menu colour issue and logo issue’ is closed to new replies.