[Michael HParticipant]

Hi there,

I have some – hopefully – small issues.
To solve by myself I tried a lot of the forum, but nothing helps.
Can you help me with these points?

First: Accordion Anchors
How can I deactivated these?
I use Visualcomposer. If I am on the frontend and want to switch accordion, page jump to the anchor id of the accordion. How can I deactivate this feature?

Second: Slider down / page to top
The scroll down button on Revolution Slider is only working in Firefox. I tried already to deactivate all plugins etc. But nothing helps. Any idea?
Same for button “Scroll to top”. But here the button “scroll to top” isn`t to see on the frontend.

Third: Sliding / scrolling on tablet and phone is not working well. On desktop it is similar, if smooth plugin is activated. Scrolling with mouse wheel not working well. On mobile phone it is very hard to scroll down, not smoothly. Any idea?

Thanks
Michael

[Paul RModerator]

Hi Michael,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[Michael HParticipant]

This reply has been marked as private.

[ChristopherModerator]

Hi there,

#1 Please add the following code in Customize -> Custom ->JavaScript :

jQuery(document).ready(function($) {
  if ( $('html').hasClass('touchevents') ) {
    $('.vc_tta.vc_general .vc_tta-tab > a').off('click touchstart touchend');
  }
});

If it doesn’t help provide us with URL of page in question.

#2 & #3 Please provide us with URL of page where you added revslider.

#4 Please add the following code in Customize -> Custom -> CSS :

@media (max-width:530px){
.x-video {
    margin-bottom: 0;
    margin-right: 71px;

}
}

Hope that helps.

[Michael HParticipant]

Hi, scrolling issue is solved. I changed stack and it works with renew.
Responsive issue solved, too through this change.

But scroll to top and slider scroll down button still not working.

Thanks
Michael

[JackKeymaster]

Hi there Michael,

Thanks for writing back, I’ve just checked your site on dekstop, mobile (Android 5.0) HTC One M9, iPad Mini and all scrolling and anchors worked correctly. Including the scroll down and scroll to top.

Can you me know what devices you are testing on please? 🙂

Thank you!

[Michael HParticipant]

Hi, thanks for your feedback.

This are the link for according issue:
http://aor.nlbi.de/monat-1/lektion-2/#1444829051712-ee71ada7-9b2185a2-4317
Unfortunately it doesn`t help.

For scrolling issue: In the customizer you can activate “scroll to top” icon. But this don`t works.

For scroll down in Revolution Slider, it only works here in Firefox. I tried in Chrome, IE, Safari… no function is given: http://aor.nlbi.de/seite2/ (for example).

Mobile device was Iphone5

[JackKeymaster]

Hiya!

Thanks for writing back, I’ve checked, http://aor.nlbi.de/seite2/ and couldn’t replicate any problems on that link.

On http://aor.nlbi.de/monat-1/lektion-2/#1444829051712-ee71ada7-9b2185a2-4317 I could replicate a scrolling issue, when trying to scroll up directly after clicking one of the tabs.

Would it be possible for you to provide some FTP details in a private reply so we can further debug?

Thank you! 🙂

[Michael HParticipant]

This reply has been marked as private.

[ZeshanMember]

Hi Michael,

Thanks for the login credentials!

#1: In regard to the tabs issue, please replace your current code under Custom > JavaScript in the Customizer with following:

jQuery(document).ready(function($) {
  $('.vc_tta.vc_general .vc_tta-tab > a').off('click touchstart touchend');
});

#2: As for the scroll top anchor issue, please add following JS code under Custom > JavaScript in the Customizer:

jQuery(document).ready(function($) {

    var windowObj            = $(window);
    var body                 = $('body');
    var bodyOffsetBottom     = windowObj.scrollBottom();             // 1
    var bodyHeightAdjustment = body.height() - bodyOffsetBottom;     // 2
    var bodyHeightAdjusted   = body.height() - bodyHeightAdjustment; // 3
    var scrollTopAnchor      = $('.x-scroll-top');

    function sizingUpdate(){
      var bodyOffsetTop = windowObj.scrollTop();
      if ( bodyOffsetTop > ( bodyHeightAdjusted * (75 / 100) ) ) {
        scrollTopAnchor.addClass('in');
      } else {
        scrollTopAnchor.removeClass('in');
      }
    }

    windowObj.bind('scroll', sizingUpdate).resize(sizingUpdate);
    sizingUpdate();

    scrollTopAnchor.off('click');
    scrollTopAnchor.click(function(){
      $('html,body').animate({ scrollTop: 0 }, 850, 'easeInOutExpo');
      return false;
    });

  });

Thank you!

[Michael HParticipant]

Hi, thanks for your answer.

Scroll down anchor is working now in other browsers.

Scroll Top icon still don`t works. You can not see on webpages.
But it is activate on customizer.

For tabs. Browser jumps still down to the accordion tabs.

Any other idea?

Many thanks for your help.
Best Regards
Michael

[RadModerator]

Hi Micheal,

Scroll top icon works okay on my end. Please check this.

The reason that anchor jumps to accordion is because there is no other available functionality. Example you created a page with anchor name, and a link with same anchor hash, clicking the link will just jump to the page section that matches anchor name. It’s standard in all anchor linking. You probably expecting scrolling for those url in which X theme has no added functionality, and they VC’s accordion and not X theme’s accordion. Though, you may still add this.

jQuery(function($){
  
  $(document).ready(function() {
     
     var el_a = $('#' + location.href.split("#").slice(-1)[0] );

     if( el_a.length > 0 ){ 

     $( 'a[href="#'+ el_a.attr('id') +'"]' ).trigger('click');

     $('html,body').stop().animate({scrollTop: el_a.offset().top - $('#wpadminbar').height() },700 ,'swing');

     }

  });

});

And remove this,

jQuery(document).ready(function($) {
  $('.vc_tta.vc_general .vc_tta-tab > a').off('click touchstart touchend');
});

Instead add this,

jQuery(document).ready(function($) {
  $('.vc_tta.vc_general .vc_tta-tab > a').on('click touchstart touchend', function() {

  setTimeout( function() { $('html,body').stop(); }, 100 );

  } );
});

Thanks!

[Michael HParticipant]

Hi, many thanks for your support.
Scroll to top works well, scroll to down works well, too.

The general anchor function is clear. I don`t know this at an accordion element. Through the different content length of each tab the anchor jumps are confusing. I will try to create this layout with Cornerstone.

Thanks
Michael

[Paul RModerator]

You’re welcome Michael.

Please let us know how it goes.

[Michael HParticipant]

It goes great. Works wonderful.
Only one point is open.

I have on this site http://aor.nlbi.de/seite2/ and other sides, too comments in. But I cant see. Comments are activated. Why I cant see on the page?

Many thanks
Michael

[Author]

Posts