Prestige Theme - Remove headings from specific section

Topic summary

Goal: Hide default page headings in the Prestige theme on certain pages (e.g., contact, policies) to use custom headings via Shogun (page builder).

Proposed solution: Add a CSS rule in assets/theme.css to hide page headings:

  • .template-page .SectionHeader__Heading .SectionHeader__Heading { display: none; }
    This targets the page template and removes the visible heading.

Outcome: The original poster confirmed it works after adjusting CSS placement; initially it didn’t, but moving the rule within their custom code (order/precedence) made it take effect. Code snippet is central to the fix.

Open point: Another participant reported it didn’t work for them and asked where exactly the rule was moved. No clarification provided yet, so the thread remains open with an unresolved implementation detail (CSS order).

Summarized with AI on December 18. AI used: gpt-5.

Hello everyone.

Is it possible to remove the header from specific sections, i.e. the contact page, policy documents etc? I like the default Prestige style but I want to add headings and more details in Shogun.

https://techtron-online.myshopify.com/

crudah

Thank you in advance

1 Like

@Multibrands

You can add the following code at the bottom of your assets/theme.css file.

.template-page .SectionHeader__Heading.SectionHeader__Heading{
display: none;
}

This will disable your pages heading so for the pages you can use shogun.

Hope this helps.

1 Like

Once gain it works perfectly, at first it didn’t but I moved it to the top of my added code and it works great.

1 Like

How did you make it work? becuase it didnt work for me either. Where did you move the code exacly?