"Invisible" load more

Hi There,
In your menu, I am using the option “load more button”.
When man clicks on “load more”, the images are loaded above the button .. and there is a kind of automatic scroll that moves the page so that it stays on the load more button … the result, on mobile, is that you don’t see nor notice that new products were loaded … indeed, you have to scroll up to see them.
Is there a way to fix that, to have the page not moving down and stay on the products where it was?
Kind regards

Hi,

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

.products-footer {
	min-height: 42px;
  position: relative;
}
.basel-load-more {
  transition: all .25s ease-in-out, transform 0s ease;
}
.basel-load-more.loading {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

Regards

[Author]

Posts