Forum Replies Created
-
AuthorPosts
-
November 28, 2024 at 7:25 pm in reply to: Anchor link scroll depth off on mobile (using sticky header) #1472534
Worked great. Thank you!
Please close the ticket.
-James
Thanks Mike. I feel like an idiot for missing that.
You can close the ticket.
-James
I found the problem. I was using a transparent header but had not specified a font color for the transparent menu. As soon as I did, the issue corrected itself.
You can close the ticket.
-James
Hi Mike,
This works in that it forces the font color to be white, but now it doesn’t change when I hover over it or when it’s active.
-James
Please close the ticket.
Thanks
-James
Guenni007,
Thank you so much for your help. This was much simpler.
-James
Hi Rikard,
I had to add “!important” but it worked great after that.
I appreciate your help.
-James
You can close this.
Hey everyone, I’ve just finished building a new website for my son’s marching band! Check it out and share your thoughts.
All is right with the world now!
Thank you so much for your help.
-James
OK, after pulling all my hair out multiple times, we went in a slightly different direction. For anyone else stumbling across this post, check out my other ticket to see our solution:
https://kriesi.at/support/topic/have-sub-menu-replace-header/#post-1465440
You can close this ticket.
Thank you
-James
Thank you, Ismael for your comment. This isn’t exactly what I had in mind but it got the juices flowing.
I ended up writing a script that removes the header on scroll. If anyone else is interested in doing so, just paste this into your child’s PHP file. Of note, I am only applying this to the homepage and desktop devices.
/* FADE HEADER BASED ON SCROLL DEPTH */ function add_hide_header() { if (is_front_page()) { // Check if it's the homepage ?> <script> jQuery(window).scroll(function(){ if (window.innerWidth > 1024) { // Only apply on screens wider than 1024px (desktop) var scrollTop = jQuery(this).scrollTop(); // Fade out the header when scroll depth is more than 1px if (scrollTop > 1) { jQuery('#header_main').fadeOut(500); // at a speed of .5 seconds } // Fade in the header when scroll depth is less than 200px else if (scrollTop < 200) { jQuery('#header_main').fadeIn(500); // at a speed of .5 seconds } } }); </script> <?php } } add_action('wp_footer', 'add_hide_header');
You can close this case.
I appreciate your help.
-James
OK, I used your code and asked a friend to help me modify it to accomplish what I am trying to do. Where do I add this code and do so in a way that it won’t get overwritten with future Enfold updates?
// Define the scroll position where the header starts shrinking var shrink_val = 150; // <-- Change this value to adjust when the header starts shrinking if (shrinking && !isMobile) { if (st < shrink_val) { // <-- This condition determines when the shrinking starts newH = el_height - st; if (st <= 0) { newH = el_height; } av_change_class(header, 'remove', 'header-scrolled'); } else { newH = el_shrinked; av_change_class(header, 'add', 'header-scrolled'); } // Adjust the threshold for the "fully scrolled" state if (st - 30 < el_height) { // <-- You can modify el_height or the -30 value to change when this triggers av_change_class(header, 'remove', 'header-scrolled-full'); } else { av_change_class(header, 'add', 'header-scrolled-full'); } elements.css({ 'height': newH + 'px', 'lineHeight': newH + 'px' }); logo.css({ 'maxHeight': newH + 'px' }); }
I’m sorry I never closed the loop on this. Please close the thread.
I’m sorry I never closed the loop on this. Please close the thread.
I’m sorry I never closed the loop on this. Please close the thread.
I’m sorry I never closed the loop on this. Please close the thread.
Hello,
Yes, it doesn’t matter what video I use; it only shows on the homepage. I have also tried to load the video from both YouTube and locally.
I read in another post that it might be because I’m not using the video module on any of the other pages, but I don’t know what to do about it.
Thanks for your help.
-James
Sorry I didn’t close the loop on this sooner. This worked. You can close the ticket.
Thank you for your help.
-James
Team,
Thank you for the quick responses. I am a little confused about what to do, though (please forgive me for being naive ). I created a new page with the partner element all by itself (no color section or any other div), but I am drawing a blank on what I need to do next.
Here is the page I created: http://ntstaging7.sg-host.com/sponsors-in-footer/
Thank you all for your help.
-James
Worked perfectly! Thank you.
Perfect! Thank you.
Hi Ismael,
Thank you for your help. I have done all that you suggested, but unfortunately, it hasn’t helped. Also, the file in question is only 32KB in size so I don’t know how this is the problem???
-James
This is my 10th Enfold website!!! I love the theme and the amazing support.
Here’s another website I recently created using Enfold. If you are looking for a reliable and easy-to-use website builder, then Enfold is the perfect choice for you!
I am thrilled to share with you the latest website I created using Enfold!
Thanks, Ismael.
That’s not the answer I was hoping for, but I understand. Please feel free to close the ticket.
Thanks
-JamesMike,
I am so sorry for my delayed response. I got pulled onto another project and just circled back to this.
Anyway, your code worked great! Please feel free to close this ticket.
Thank you so much.
-JamesOk, I cleared the cache on the server and disabled all compression and cache plug-ins.
Nikko,
Thank you for the help. That worked perfectly. You can close this ticket.
-James
-
AuthorPosts