Can’t manage to set up autoscroll when a page is opened

Hello,

I need more info about the issue. Which link you need to click and scroll where exactly?
Your site is in Slovenian so I don’t know which link is the store tab. Is it the “Kategorije” one in the mobile menu that switches tabs?

Can you walk me through it?

Hi @malihu !

Thank you for your fast reply.

I want it so whenever I open store page (Trgovina) it would scroll down so the divider named KATERGORIJE is at the top of the page.

Kategorije are categories. Trgovina is the store ??

Kind regards!

OK. Firstly, you need to add an id to the “KATERGORIJE” section. In Elementor Page Builder you can enter an id value for the element you want via the CSS ID field. So, for example, add the value Kategorije in the CSS ID field of the “KATERGORIJE” section element (in your page editor).

If you don’t want to use a hash value like https://moja-savna.si/trgovina/#Kategorije to scroll the page to “KATERGORIJE” section, but want to scroll to that section automatically each time the URL https://moja-savna.si/trgovina/ is loaded, you need to do it programmatically with javascript.

Can you do this? If yes, try this:

Add the following script in your theme/child-theme footer.php template, right before the closing body tag (</body>):

<script>
(function($){
	$(window).on("load",function(){
		$.mPageScroll2id("scrollTo","#Kategorije");
	});
})(jQuery);
</script>

Save the file and test.

Hi, @malihu !

Wow, that works great! I’m really impressed!
Thank you for all your help and taking the time to even send me the code to add!

Will definitely rate 5 stars!

Kind regards

@jazzu Awesome ?? Glad I helped!

I’m marking this as resolved but let me know if you need more help.