Hide CTA and search on a landing page template

[SLeicester5]

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. 

[Teun · Accepted solution]

@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.

[Teun]

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.

[SLeicester5]

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?

[Teun]

Hi @SLeicester5 ,

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

[SLeicester5]

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

events.legatics.com/legaticon