Landing page without menu

Please may you advise how can we create a landing page without menu or footer. Thank you.

Hello there,

You can hide the footer section by adding the following custom CSS code:


.footer-widgets {
  display: none;
}

It applies site-wide. To hide it from your homepage only, use this code:


.home .footer-widgets {
  display: none;
}

To hide from your other page which you use as a landing page, its ID, so the code will look like this:


.page-id-593 .footer-widgets {
  display: none;
}

You can find the page ID number while editing the page. On the address bar, you’ll see something like:


http://yoursite.com/wp-admin/post.php?post=593&action=edit

I hope this reply helps.

Regards,
Kharis

Kharis,

You have always been more than helpful and I am hoping athemes is and will appreciate your support to end users, generously.

Please close the ticket, you have solved the issue in one go.

How can the menu as well be hidden on the landing page.

Hello there,

For menu, you can use this code:


.page-id-593 .site-header .col-md-8 {
  display: none;
}

For the entire header bar, use this:


.page-id-593 .site-header {
  display: none;
}

Regards,
Kharis

We tried below code to hide the entire header (with menu)
Does not work

.page-id-593 .site-header {
display: none;
}

Please assist

Hello there,

The code I suggested is just an example. Your page ID must be different. Please do adjustment. Or, share your page URL here, so I can suggest you with the exact code.

Regards,
Kharis

Hello Kharis,

Yes, we used the code with “our” page id. Will email the link to you now.

Magna

Please close this ticket, as resolved. Thank you Kharis

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis