Tagged: ismael, transparent menu
-
AuthorPosts
-
April 27, 2017 at 10:30 pm #784238
I am working on a new home page design that uses a transparent menu, which is intended to go opaque on scrolling. After resolving some other issues with conflicting plugins to resolve an anchor navigation issue, the transparent menu was working as expected. However, today, after further experimentation with adding a Tab Section on the home2 page, the menu transparency stopped working. I removed all changed content on the page, yet the issue remains.
I would appreciate any recommendations to resolve.
Also, is there a CSS edit that can be done to hide / exclude the Header widget for a specific page? Or alternatively, to just load / display it on selected pages? I found other forum posts that reference use of the page-id, but was unable to find an example to assist me with this.
Thank you.
- This topic was modified 7 years, 5 months ago by dbgruber. Reason: Typo
May 1, 2017 at 6:43 am #785521Hey dbgruber,
Thank you for using Enfold.
1.) The header in the “home2” page is still transparent. Did you figure this out?
2.) Hide the top bar or header widget with the following css code.
.page-id-13 #header_meta { display: none !important; }
Replace “13” with the id of the page.
Best regards,
IsmaelMay 1, 2017 at 5:27 pm #785868Ismael,
Thank you for the assistance.
I am confused by the transparent menu issue. On some browsers / computers, the menu become opaque as expected when scrolling – but on others it remains transparent. The current setting for https://www.partnersforcare.org/home2/ is “Transparent header with border”.I have deleted all cached files on my laptop, but still the menu remains transparent after scrolling. Same behavior in Chrome, Firefox and IE 11 on my laptop, whereas if works fine in Chrome on my iMac at home.
Any suggestions would be greatly appreciated.
DavidMay 2, 2017 at 6:43 am #786157Hi!
I checked the site again today and I was able to reproduce the issue. There are a lot of script errors in the site.
jquery.js?ver=1.12.4:9984 Uncaught TypeError: elem.getClientRects is not a function
at a.fn.init.offset (https://www.partnersforcare.org/pfc/wp-includes/js/jquery/jquery.js?ver=1.12.4:9984:14)
at t.(anonymous function) [as offset] (https://www.partnersforcare.org/pfc/wp-content/themes/enfold/js/avia.js?ver=3:2218:8010)
at e.refresh (https://www.partnersforcare.org/pfc/wp-content/themes/enfold/js/avia.js?ver=3:2218:4744)
at e.add (https://www.partnersforcare.org/pfc/wp-content/themes/enfold/js/avia.js?ver=3:2218:2807)
at new t (https://www.partnersforcare.org/pfc/wp-content/themes/enfold/js/avia.js?ver=3:2218:827)
at HTMLDivElement.(https://www.partnersforcare.org/pfc/wp-content/themes/enfold/js/avia.js?ver=3:2218:8466)
at Function.each (https://www.partnersforcare.org/pfc/wp-includes/js/jquery/jquery.js?ver=1.12.4:362:19)
at a.fn.init.each (https://www.partnersforcare.org/pfc/wp-includes/js/jquery/jquery.js?ver=1.12.4:157:17)
at a.fn.init.waypoint (https://www.partnersforcare.org/pfc/wp-content/themes/enfold/js/avia.js?ver=3:2218:8337)
at a.fn.init.single_callback (https://www.partnersforcare.org/pfc/wp-content/themes/enfold/js/shortcodes.js?ver=3:1474:13)Please try to deactivate all plugins then check the site page again.
Cheers!
IsmaelMay 2, 2017 at 3:30 pm #786430Thank you. I replaced all of the jquery related javascript files, and that resolved the issues with transparent menu as well as animated numbers.
Regarding the method to hide the header widget on a specific page, adding the suggested css code snippet did not work.
Thanks again,
DavidMay 2, 2017 at 5:33 pm #786566Hi David,
Could you specify the page where you want to hide the header widget?
Or try this code
.page-id-7121 #widget_sp_image-3 { display: none; }
If you need further assistance please let us know.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.