# Removing title from top of page

**URL:** <https://forum.builder.io/t/removing-title-from-top-of-page/4638>\
**Category:** Shopify\
**Created:** [December 11, 2023, 5:53pm UTC](https://forum.builder.io/t/removing-title-from-top-of-page/4638 "2023-12-11T17:53:16Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![wes](https://avatars.discourse-cdn.com/v4/letter/w/e9c0ed/32.png) [@wes](https://forum.builder.io/u/wes)\
**Post date:** [December 11, 2023, 5:53pm UTC](https://forum.builder.io/t/removing-title-from-top-of-page/4638/1 "2023-12-11T17:53:16Z")

</div>

Hi,  
I am creating a landing page and for some reason the page title is displaying at the top of this page.

 ![Screenshot 2023-12-11 174940](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/b/be92eaa72e60fc5a3b936451723cf8965a95dd93.jpeg)

I don’t want ‘Happy Holidays 2’ or the white bar to appear at the top. Can anyone advise?  
Thanks!

---

<div class="post-metadata">

**Author:** ![manish-sharma](https://avatars.discourse-cdn.com/v4/letter/m/8797f3/32.png) [@manish-sharma](https://forum.builder.io/u/manish-sharma)\
**Post date:** [December 11, 2023, 6:04pm UTC](https://forum.builder.io/t/removing-title-from-top-of-page/4638/2 "2023-12-11T18:04:30Z")

</div>

To eliminate the Shopify header, you have several options:

1. **Shopify Admin Theme Editor:** You can navigate to the Shopify admin theme editor and directly remove the header from there.

2. **Builder Editor Options:** Within the Builder editor, you can use the “Hide Header” and “Hide Footer” options available in the Options tab of the Page Fields. This provides a straightforward way to control the visibility of the header and footer.

 ![Screenshot 2023-12-11 at 11.29.20 PM](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/3/3d6039dad6ddf4a347b38a9522480b259ad04558.jpeg)

1. **Custom CSS Code:** Alternatively, you can achieve this by utilizing custom CSS code. You can add your custom CSS code under the “Edit Content JS + CSS” section in the Builder editor.

```auto
.fRSPsc{
     display: none;
}

```

Choose the option that aligns best with your preferences and requirements. If you have any further questions or need assistance with any of these methods, feel free to reach out.

Thank you!

---

<div class="post-metadata">

**Author:** ![wes](https://avatars.discourse-cdn.com/v4/letter/w/e9c0ed/32.png) [@wes](https://forum.builder.io/u/wes)\
**Post date:** [December 11, 2023, 7:45pm UTC](https://forum.builder.io/t/removing-title-from-top-of-page/4638/3 "2023-12-11T19:45:30Z")

</div>

Hi Manish,  
Thanks for the quick reply. This option does work but when I switch on hide header and footer, it hides the entire navigation header and footer also. Is there a way to remove the page title but keep the header and footer navigation on?  
Thanks,  
Wes

---

<div class="post-metadata">

**Author:** ![manish-sharma](https://avatars.discourse-cdn.com/v4/letter/m/8797f3/32.png) [@manish-sharma](https://forum.builder.io/u/manish-sharma)\
**Post date:** [December 11, 2023, 8:18pm UTC](https://forum.builder.io/t/removing-title-from-top-of-page/4638/4 "2023-12-11T20:18:30Z")

</div>

Hello @wes!

I’ve noticed that the title is not visible on your pages. To better assist you, could you please share the Builder content link or the live page where we can observe the title? Once we have this information, we can provide you with a custom CSS code specifically to hide only the header.

---

<div class="post-metadata">

**Author:** ![wes](https://avatars.discourse-cdn.com/v4/letter/w/e9c0ed/32.png) [@wes](https://forum.builder.io/u/wes)\
**Post date:** [December 11, 2023, 8:26pm UTC](https://forum.builder.io/t/removing-title-from-top-of-page/4638/5 "2023-12-11T20:26:57Z")

</div>

Hi Manish,  
It appears on the live page here: [https://bionicgym.com/pages/happyholidays2](https://bionicgym.com/pages/happyholidays2)

Builder content link: [Builder.io: Visual Development Platform](https://builder.io/content/7a9f3637fd164c298ce7557c1b594bb3)

---

<div class="post-metadata">

**Author:** ![manish-sharma](https://avatars.discourse-cdn.com/v4/letter/m/8797f3/32.png) [@manish-sharma](https://forum.builder.io/u/manish-sharma)\
**Post date:** [December 11, 2023, 8:38pm UTC](https://forum.builder.io/t/removing-title-from-top-of-page/4638/6 "2023-12-11T20:38:07Z")

</div>

Hello @wes,

I see the header is only appearing on the live theme but not in the preview theme, to remove the header, you can use the below CSS code

```auto
#shopify-section-template--15842277720256__main .page-width--narrow{
    max-width: 100% !important;
    margin: 0;
    padding: 0; /* Remove white space above the header */
}

.section-header{
    display: none; /* Hide the header */
}

```

Add the above code under the Edit Content JS + CSS section under the data tab.

 ![Screenshot 2023-12-12 at 2.07.12 AM](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/f/fc7118db576f894edd8d1773dbad5b1426e5f0ac.png)

 ![Screenshot 2023-12-12 at 2.01.08 AM](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/4/4395a8c580ab0ef5b6b72c8b4745aa985f95e149.jpeg)

Hope this helps!

---

<div class="post-metadata">

**Author:** ![wes](https://avatars.discourse-cdn.com/v4/letter/w/e9c0ed/32.png) [@wes](https://forum.builder.io/u/wes)\
**Post date:** [December 11, 2023, 8:56pm UTC](https://forum.builder.io/t/removing-title-from-top-of-page/4638/7 "2023-12-11T20:56:36Z")

</div>

That worked perfectly. Thanks again for your help Manish, its much appreciated.