Menu position on Header

Hey wealthyone,

Thanks for the screenshots. Could you post a link to where we can see the actual elements on your site as well please?

Best regards,
Rikard

Hi,
Thank you for your patience and the link to your site, this is a tricky request as the shrinking header is calculated by javascript, the following javascript seems to work but it is not as smooth as I would expect.
Try adding this code to the end of your functions.php file in Appearance > Editor:

function custom_script() { ?>
    <script>
const parent = document.getElementsByClassName("av-logo-container")[0];
const child = document.getElementsByClassName("av-main-nav")[0];
document.addEventListener("scroll", checkParent);
let lastHeight = 0;

function checkParent() {
  const parentHeight = parent.clientHeight;

  if (parentHeight >= 240) child.style.paddingTop = "110px";
  else child.style.paddingTop = "0px";
}

function checkForChanges() {
  const parentHeight = parent.clientHeight;
  if (parentHeight != lastHeight) {
    checkParent();
    lastHeight = parentHeight;
  }
  setTimeout(checkForChanges, 100);
}

checkForChanges();
</script>
    <?php
}
add_action('wp_footer', 'custom_script');

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike