Reply 329732 to: Can I turn off the header on selected pages?

Avatar: Awais Ahmed
Awais Ahmed
Participant
July 15, 2022 at 06:38

Hello, @Azager,

Thanks For using our Theme.

Actually, You have to do this with the help of custom CSS but for this, you have to pick the classes of the pages and header then combine the classes and set the “display: none !important;”

Now, the thing is how can you get the classes to let me explain to you. first of all, we need to get the page id on every page by default WordPress shows the page id and it is unique from every page you can find the page id on the “” tag via console log see this image: https://postimg.cc/mzSWBS5M
as you can see in this image the page id of the main page is “page-id-11” this way you can get the page id of every page you want.

Second, now we need to find the header class the class of header is the “site-header” so now we have the both classes page and header now let’s combine and set the code to display none. The code will be like I write below.

.page-id-11 .site-header{display:none !important;}

See this is the code now add this CSS code in the XStore >> Theme Options >> Theme Custom CSS then save settings and check back to your site after clearing the browser cache.

I hope you understand.

Regards 8Themes Team.

Go To The Whole Conversation In Topic
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.