Hide CTA and search on a landing page template

Developer Support CMS Development
1

Hi there,

I’ve created an event landing page using a template. I need to remove the search bar and CTA from the page header.

I have unchecked the search bar option but it’s still there.

2

Hi @SLeicester5 ,

Do you have a bit more info? Do you use a default template? Could you share the URL of the page?

3

Thanks for the quick reply. Its a template I downloaded from the marketplace. Here’s the URL

4

Hi @SLeicester5 ,

Not sure how you can fix this with template settings, but you could add this CSS to your template to hide it:

body .header__search--wrapper,
.header__cta--desktop .header__cta--main {
 display: none !important;
}

It’s not a pretty solution, but should work. The styling for these elemens comes from the ‘themes-overrides.csss’, so I suppose it should include a setting there to hide these elements. If not, use the code above.

5

Sorry if this is stupid, do I just add it to the end of the CSS? and would I add it to the header.css or theme-overrides.css?

6

@SLeicester5 If you add some style tags, you can add it to the head or footer of the template through the design manager:

<style>
body .header__search--wrapper,
.header__cta--desktop .header__cta--main {
 display: none !important;
}
</style>

That way, you do not have to mess with the theme stylesheets.