Premium blog problem – pagination, scroll and fixed header

  • Resolved naomivds

    (@naomivds)


    4 years, 1 month ago

    Hello,

    I have a problem with the Premium blog widget. In the pagination, when I change page, there is a scroll that brings me back up, but not entirely to the top, but rather to the middle of the first post. I have the same problem when filtering posts by category. I think the problem comes from the fixed header which creates a conflict and makes the posts appear behind the header. Is there a way to disable this automatic scroll or to change the offset so that the posts are not behind the header?

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hi @naomivds,

    Thanks for contacting Leap13 support!

    We’re so sorry for the inconvenience you’re having, I will do my best to help you getting this resolved ASAP.

    Recently, we’ve updated blog widget with an option for to disable the scrolling after Pagination/Filter, it’s a available since v 4.1.7. Please navigate to widget settings -> Display Options -> disable Scroll After Pagination/Filter option.

    Here’s a screenshot for more clarification.

    Regards

    Thread Starter naomivds

    (@naomivds)

    Hello @leap13support,

    Thank you for your reply!

    Okay I will disable the scrolling for now.
    Is there a way to change the offset by changing the CSS or Js, or that the scrolling goes back up on the top of the page and not the top of the blog section?

    For the issue with the fixed header, I had he same problem with the anchor links on another page, it was resolved by adding an offset of the size of the header in the CSS.

    Thanks!

    Regards

    • This reply was modified 4 years, 1 month ago by naomivds.

    Hi @naomivds,

    Thanks for contacting Leap13 support!

    Well, there’s no direct option to achieve that but we can use custom JS to scroll the blog ( top offset – 200px). So, please add Elementor HTML widget into your page then copy/paste the code below:

    <script>
window.onload = function() {
const $ = jQuery;
  
  $('body').on("click", ".page-numbers",function() {
	var blogHeight = $('.premium-blog').offset();
	var scrollto = blogHeight.top - 200;
	$('html, body').animate({scrollTop:scrollto}, 1000);
	});  
};
</script>

    Regards

    Thread Starter naomivds

    (@naomivds)

    Hi @leap13support,

    Thanks a lot for your support, it works fine !

    Regards

    Hi @naomivds,

    Great, I’m so glad that everything is working just fine with you now ??

    If you still need any further assistance, please let me know.

    Naomivds, we would be grateful It would be great if you could please do us a BIG favor by rating Premium Addons for Elementor on our WordPress page.

    Have a great day!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Premium blog problem – pagination, scroll and fixed header’ is closed to new replies.