我是Ionic Framework的新手（在React中使用它），我正在尝试创建一个新的移动的应用作为练习。我正在尝试创建以下内容：

在滚动页面时，我希望大的“Discover”文本成为页面的标题。下面是我的代码：

<IonPage>
      <IonHeader mode="ios" translucent>
        <IonToolbar>
          <IonButton fill="clear">
            <IonIcon slot="start" icon={menu} />
          </IonButton>
          <IonTitle>Tab 1</IonTitle>
        </IonToolbar>
      </IonHeader>

      <IonContent fullscreen>
        <IonHeader mode="ios" collapse="condense">
          <IonToolbar>
            <IonTitle size="large" className="mainTitle">{t('Home.Title')}</IonTitle>
          </IonToolbar>
        </IonHeader>

        <IonList>
        </IonList>
      </IonContent>
</IonPage>

结果如下所示：

我不明白的是，如果，我怎么能把我的副标题放在标题下面（并间隔它-我假设我会用CSS做）？我怎么能删除标题和内容之间的分隔线（穿过页面的灰色线）？