Text Under Header

[Mickey22]

Hello guys,

I'd like the rich text section I added under the header to be shorter (keeping the text in it aligned in the middle) and possibly to be sticky as the header when scrolling down.

link: https://mmich-5898.myshopify.com/

password: meckut

[Mickey22]

Dawn

[PageFly-Victor]

Hi @Mickey22 

This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Base.css

.isolate {
    display: flex;
    justify-content: center;
}
.rich-text.content-container.color-accent-1.gradient.rich-text--full-width.content-container--full-width.section-template--18458717847894__007f411b-5c5d-4cad-9ae0-2aa8a2a41081-padding {
    width: 70%;
}
#shopify-section-template--18458717847894__007f411b-5c5d-4cad-9ae0-2aa8a2a41081 {
    position: sticky;
    z-index: 2;
    top: 90px;
}

Hope you find my answer helpful!

Best regards,

Victor | PageFly

[GemPages]

Hello @Mickey22 ,

It's the GemPages Support Team and we are glad to assist you today!

I would like to give you the recommendation to support you so kindly follow the steps below:

1. Go to Online Store > Theme > Edit code of your current theme

2. Open your theme.liquid theme file

3. Paste the below code before </head>

<style>
section#shopify-section-template--18458717847894__007f411b-5c5d-4cad-9ae0-2aa8a2a41081 {
    position: sticky;
    top: 92px;
    z-index: 9;
}
section#shopify-section-template--18458717847894__007f411b-5c5d-4cad-9ae0-2aa8a2a41081 h6 {
 margin: 8px 0;
}
@media (min-width: 768px) and (max-width: 1199px){
 section#shopify-section-template--18458717847894__007f411b-5c5d-4cad-9ae0-2aa8a2a41081 {
  top: 72px;
 }
}
@media (max-width: 767px){
 section#shopify-section-template--18458717847894__007f411b-5c5d-4cad-9ae0-2aa8a2a41081 {
  top: 64px;
 }
}
</style>

Let us know how it works for you.

Best regards,
GemPages Support Team

[Mickey22]

Thanks a lot. It works, but how can I modify the height now?

I'd like it to be super thin