How to make the website start at the bottom of the page when loaded

[Viibed]

I am trying to make a cool unique first page but when the page is first loaded, I don't want to see the header right away, but rather only see it after you scroll up. I want the website to start all the way scrolled down when loaded so that when you scroll up the heading appears. Website link: Viibed

What it looks like right now when first loaded (starts at the top of screen)

What I WANT it to look like when first loaded (starts at the bottom of the page)

Or if that isn't possible, is there a way to make the header appear only after a specific amount of time? (like the header loading in after 3 seconds)

Please help and thank you.

[BSSCommerce-HDL · Accepted solution]

Hi @Viibed, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </body> tag: 

<script>
   window.scrollTo({
     top: 500,
     left: 0,
     behavior: 'smooth'
   });
</script>

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[Viibed]

It worked, thank you!

[BSSCommerce-HDL]

@Viibed, No problem. Have a good day 😍