How to Remove Header From Home Page Only

Remove Header From Home Page Only. For WordPress users, you must add a CSS code to your theme to remove the header from your homepage.

Go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:

.page #main .entry-header { display: none; }

What is CSS?

Cascading Style Sheets (CSS) is a style sheet language  describing the presentation of a document written in a markup language 

such as HTML or XML (including XML dialects such as SVG, MathML, or XHTML). CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript.

CSS separates presentation and content, including layout, colors, and fonts. This separation can improve content accessibility; provide more flexibility and control in the specification of presentation characteristics;

enable multiple web pages to share formatting by specifying the relevant CSS in a separate .css file, which reduces complexity and repetition in the structural content;

and allow the .css file to improve the page load speed between the pages that share the file and its formatting.

What is WordPress?

WordPress (WPWordPress.org) is a free and open-source content management system (CMS) written in PHP and paired with a MySQL or MariaDB database with supported HTTPS.

Features include a plugin architecture and a template system, referred to within WordPress as Themes. WordPress created as a blog-publishing system but has evolved to support other web content

types, including more traditional mailing lists and forums, media galleries, membership sites, learning management systems (LMS), and online stores. 

Remove Header From Home Page Only.

Related Articles