Docs

[logoglo]

How do I do this? the contact form is within a content band, which does not allow you to ad an ID….the section above has nothing to do with contact, so the only other place I could put it, was in the column id

[Paul R]

Hi,

Please update theme to latest version – V 4.4.2

Then try to remove the javascript code you added in Appearance > Customize > Custom > Edit Global CSS and see if that fixes the issue.

Thanks

[logoglo]

Sorry which code?

[Rad]

Hi there,

Sorry for the confusion, I’m not able to find it either. Before we continue, I just like to confirm the issue: Is it about the scroll positioning of contact section right?

The contact ID is added on column’s ID. Hence, it will scroll to columns position and not on the whole content band’s position.

The whole contact’s content band has ID of x-content-band-10, and you have two option.

1. Remove the contact ID from the column, and change the whole content band ID to contact
2. Change your contact’s menu URL to #x-content-band-10 instead of #contact

Hope this helps.

[logoglo]

I went for option 2, it works on the home page, but the issue is still there, go to any other page and click contact, and it scrolls down to half way through the contact section.

So how do I do option 1? there is no place to put the id in a content band. This is why I put it in the column.

[Rad]

Hi there,

It’s working on my end with option 2, and the issue now is your parallax background. Please add this code to Admin > Appearance > Customizer > Custom > CSS

.x-content-band.bg-image.parallax, .x-content-band.bg-pattern.parallax {
    background-attachment: fixed;
    background-position: initial !important;
}

Thanks!

[logoglo]

Code added, but the issue remains. If you go to any other page, then click contact, it scrolls tocontact, but half way down the section.

[Nico]

Hi There,

Upon checking your setup, it seems to be working well. Please try to clear your site and browser cache before checking it again.

Let us know how it goes.

Thanks.

[logoglo]

The issue STILL remains, the site has now been moved to its permanent domain, so there is no excuses with the caching etc.

http://upsiid.com/

Please check, visit different pages, then click on contact, see how it scrolls to half way down the contact form?

Please let me know how to fix this, my client is not happy.

[logoglo]

Hello?

[Lely]

Hello There,

Would you mind adding this on Appearance > Customize > Custom > Edit Global Javascript:

jQuery(document).ready(function($) {
  var $adminbarHeight       = $('#wpadminbar').outerHeight();
  var $navbarFixedTopHeight = $('.x-navbar-fixed-top-active .x-navbar').outerHeight();
  var locHref               = location.href;
  var locHashIndex          = locHref.indexOf('#');
  var locHash               = locHref.substr(locHashIndex);

  if(locHash.length > 0){  
    	   var scrollToPosition = $(locHash ).offset().top - $adminbarHeight - $navbarFixedTopHeight +1; 

      	   $('html,body').animate({scrollTop:   scrollToPosition }, 700, function(){
          window.location.hash = "" +locHash;
          // This hash change will jump the page to the top of the div with the same id
        // so we need to force the page to back to the end of the animation
        $('html,body').animate({ 'scrollTop': scrollToPosition }, 0);
    	});

   }
});

Hope this helps.

[logoglo]

This doesn’t seam to work, sorry.

[logoglo]

I feel you are giving up on me here, can some one please have a really good look at this issue, there are no cache issues as its moved to a new domain, I added the java above, I have done everything you have said, yet the issue remains. Please can you check.

[Rad]

Hi there,

In that case, please provide a screen recording of the issue. I don’t see any issue on my end. It perfectly scrolls to the correct position.

Thanks!

[logoglo]

Here you go.

As you can see, I go to a page, then click contact and it is scrolling wrongly.

If I click contact from the home page, it scrolls correctly.

https://youtu.be/ifC1cuKNyO0

[Author]

Posts