Support only during business hours : Monday to friday, from 8:30 am – 5:30 pm CEST

Due to the decrease in our staff due to vacations, our response time may be longer.

Be sure we're doing our best to manage your topic as soon as possible.

Lags on scrolling member page. ipad mini 4. Safari browser

This topic is resolved
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • Maks Rusakovič
    Participant
    • 29 Topics
    • 104 Posts
    @wegosi

    Hello @themosaurus

    Please, check scrolling of members page on Ipad. Safari. All other apps are closed.
    The same problem with chrome on Ipad.

    It’s a very laggy now.

    Maks Rusakovič
    Participant
    • 29 Topics
    • 104 Posts
    @wegosi

    there is the video record

    I don’t know while streamable link isn’t showed.

    Themosaurus
    Keymaster
    Themosaurus Support
    • 1 Topics
    • 1676 Posts
    @themosaurus

    Hi @wegosi,

    Is this the link to your video: https://streamable.com/29q9o ?

    Some links shown on our support forums -like streamable URLs, for instance- need code markups to be properly displayed as they are interpreted by WordPress as embeddable content, like Youtube and Vimeo videos. However, we need to investigate to understand why Streamable video are not displayed as videos.

    Regarding the lag when scrolling, we will investigate and look for the source of this issue. We will be back to you ASAP.

    Regards,

    Maks Rusakovič
    Participant
    • 29 Topics
    • 104 Posts
    @wegosi

    @themosaurus

    Yes, I just want to show displaying lags even in Live demo view.
    Maybe it’s my local problem, maybe not.

    Thank you.

    Themosaurus
    Keymaster
    Themosaurus Support
    • 1 Topics
    • 1676 Posts
    @themosaurus

    Hi @wegosi,

    Here are a CSS snippet which can reduce the scrolling issues on mobile devices:

    @media screen and (max-width: 992px) {
    	#members-list .element-animated {
    		transform: translate3d(0,0,0) !important;
    		animation: none !important;
    		transition: none !important;
    	}
    
    	#members-list .card {
    		transform: translate3d(0,0,0) !important;
    		box-shadow: none !important;
    		animation: none !important;
    		transition: none !important;
    	}
    
    	#members-list .card .card-body:before {
    		transform: rotate(-6deg) translate3d(0, 34px, 0) scale(1.2) !important;
    	}
    
    	#members-list .card .card-body:after {
    		transform: rotate(-6deg) translate3d(0, 34px, 0) scale(1.2) !important;
    	}
    
    	#members-list .card .avatar {
    		opacity: 1 !important;
    	}
    }

    To add this code snippet to your site, we recommend that you paste it to the Custom CSS panel of your WordPress Customizer. Just go to your dashboard and navigate to “Appearance > Customize > Additional CSS”.
    Pasting your code snippet there should do the trick for you.

    We hope this will solve your issue. ?

    All the best,

    Maks Rusakovič
    Participant
    • 29 Topics
    • 104 Posts
    @wegosi

    Hello, @themosaurus

    Thank you. But it doesn’t work.
    Images of the users appear/disappear during scrolling.
    Could you, please, check it?

    Themosaurus
    Keymaster
    Themosaurus Support
    • 1 Topics
    • 1676 Posts
    @themosaurus

    Hi @wegosi,

    The above snippet only reduce the scrolling issues on mobile devices (remove effect on hover).

    But for the “appear/disappear” image this seems to come from the browser that displays/hides the images to speed up the scroll and the elements rendering.
    We see that this affects all the images (even the one in the pink section before the footer) and we don’t know how to do anything about it.

    We can try with an extended snippet to force rendering acceleration but without guarantees :

    @media screen and (max-width: 992px) {
            #members-list,
    	#members-list .element-animated {
    		transform: translate3d(0,0,0) !important;
    		animation: none !important;
    		transition: none !important;
    	}
    
    	#members-list .card {
    		transform: translate3d(0,0,0) !important;
    		box-shadow: none !important;
    		animation: none !important;
    		transition: none !important;
    	}
    
    	#members-list .card .card-body:before {
    		transform: rotate(-6deg) translate3d(0, 34px, 0) scale(1.2) !important;
    	}
    
    	#members-list .card .card-body:after {
    		transform: rotate(-6deg) translate3d(0, 34px, 0) scale(1.2) !important;
    	}
    
    	#members-list .card .avatar {
    		opacity: 1 !important;
    		transform: translate3d(0,0,0) !important;
    		animation: none !important;
    		transition: none !important;
    	}
    }

    Regards,

Roboraptor 🦖
Themosaurus Topic Closer

Hi there,

This topic has been inactive for a while now so we will be closing it to keep the forum tidy. Don't hesitate to create a new topic if you still need help and we'll be glad to help you!

Best regards,
The Themosaurus team.

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Lags on scrolling member page. ipad mini 4. Safari browser’ is closed to new replies.

Troubleshooting Demo Imports

You're trying to setup your theme but you're experiencing errors when importing the demo content? Or you've just followed the setup guide but your website doesn't look exactly like our demo? These are common issues for which you can find easy and quick fixes.

Happy With our Support So Far?

Feel free to review our theme on Themeforest! It helps us making our products more known to new potential customers, which allow us more time to improve the quality and develop new features. #SharingIsCaring ❤️

Discover MatchPress

Skip • Like • Super-Like

Add powerful matching features like Member likes, skips, super likes, conditional private messaging and much more.

Setup Your Cera-powered Community Website and Turn it into an iOS and Android App

15% discount for Cera users

To unleash the full power of the Cera theme, we have partnered with the Zipline team. Your community website can now be fully setup and turned into your very own custom app for iOS and Android.

Whether you're new to Cera and already got your site up and running, Zipline got you covered. And we got you an incredible discount.

Holiday, Weather & Festive effects
to pimp your WordPress Site