Okay
  Public Ticket #3049986
Glitch in the theme
Closed

Comments

  •  1
    Designical Inc started the conversation

    Hello,

    There is an issue on the About page. While scrolling the page, we have observed that sometimes the logo is disappeared and appeared. I have discussed this with my development team and they said that it's an issue related to Ajax and jQuery. Kindly check from your side and let us know how to resolve it.

    Thanks

  •  2,006
    Support replied

    Hi,

    If you can send us the About page URL

    Check also if you have a valid dark version of the logo (you need to have them both in customizer -> general settinsg)

  •   Designical Inc replied privately
  •  1
    Designical Inc replied

    I understand that we need dark version of the logo as well.

    The issue is not with different version of logo - it’s with scrolling issue. After adding correct version, logo will disappear when user scroll the page up to down and visa versa.

  •  2,006
  •  2,006
    Support replied

    Please add this in scripts.js inside function ScrollEffects()

    $('body').waitForImages({
                    finished: function() {
                        if( $('.change-header-color').length > 0 ){    
                            $('.change-header-color').each(function(){
                                const pageHeader = $('header');
                                var $this = $(this);
                                var $thisHeight = $(this).outerHeight(true);
                                
                                var whiteScene = new ScrollMagic.Scene({triggerElement:this,duration: $thisHeight})
                                    .addTo(controller)                        
                                whiteScene.triggerHook(0.08)                        
                                whiteScene.on('enter', function(){
                                    setTimeout( function(){
                                        pageHeader.addClass('white-header');
                                    } , 10 );
                                });                        
                                whiteScene.on('leave', function(){
                                    pageHeader.removeClass('white-header');
                                });                        
                                if ($("body").hasClass("smooth-scroll")) {
                                    scrollbar.addListener(() => {
                                        whiteScene.refresh()
                                    });
                                }
                            })
                        }
                
                    },
                    waitForAll: true
                });