Как применить липкий текст ко всей странице магазина

Question

У меня есть скрипка , где только три заголовка отображаются в трех разных разделах с липким текстом, поэтому они просто выводят sh друг друга после прохождения этого раздела. На shopify, как бы мне этого добиться, если я скажу 5 разделов, используя их встроенные разделы, и я бы просто хотел, чтобы это перекрывало эти разделы. Должен ли я отредактировать код и дать этим разделам классы и назначить им разделы? Я немного новичок в редактировании кода. Любые идеи или указатели очень помогли бы, спасибо!

.title{
  width:80%px;
  height:1200px;
  margin:20px;
  margin-bottom:50px;  
}

.title h1 {
  position: sticky;
  left: 0;
    line-height: 200px;
    margin-top: -100px;

    text-align: center;
    top: 30%;
    width: 100%;
}

<div class="title">
  <h1> Title 1</h1>
</div>

<div class="title">
  <h1> Title 2</h1>
</div>

<div class="title">
  <h1> Title 3</h1>
</div>