Home Forums Basel – Premium Template "Invisible" load more

This topic contains 1 reply, has 2 voices, and was last updated by Artem Temos Artem Temos 4 days, 3 hours ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #226106

    pierredemeudon
    Customer

    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

    Private Content Hidden
    #226278

    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

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

You must be logged in to reply to this topic.