Is it possible to use Visual Composer
and Newspaper theme to create a landing page
without the regular header/menu etc at the top?
Can you please suggest how I might do that?
Thanks!
==>Jim Van Wyck
Hello jimvanwyck,
If you want to have a landing page, without header and footer section, you should use a bit of CSS code to hide them. Also, you should use the page ID for this type of page. Try the code below and place it in Theme panel->Custom CSS Area.
The code is ->
.page-id-38 .td-header-wrap, .td-footer-wrapper, .td-sub-footer-container{
display:none;
}
The result is here -> https://www.screencast.com/t/EV9YR2yKd
Thanks for your understanding!
Hey, It removes the Primary top menu as well. I want the same thing with sticky top menu.
More precisely, I want to disable the header and top menu both initially but once I scroll down from the front full screen , I want it to display the top menu then. Is it possible?
If not, at least tell me the way to disable header only from the homepage, not footer or top menu.
Please help.
Thank you.
Hello,
Sorry but this is not as easy as it sounds. The top menu is not created with an affix class as the main menu so there is no sticky top menu. Only the main menu has this feature.
If you only want to disable just the header menu on the homepage you can use this code:
.home .td-header-menu-wrap-full {
display:none;
}
Thank you!
I see. Thank you for the reply Bogdan.
Hello, what if I want to disable header, top menu etc on three four pages with post id- 27, 28, 29 and 30
How to write the code to include all these posts ID in it:
.page-id-27 .td-header-wrap, .td-footer-wrapper, .td-sub-footer-container{
display:none;
}
Kindly complete the code.
Thank you.
If more id’s are needed, then you will have to multiply the code like so:
.page-id-27 .td-header-wrap, .td-footer-wrapper, .td-sub-footer-container, .page-id-28 .td-header-wrap, .td-footer-wrapper, .td-sub-footer-container, .page-id-29 .td-header-wrap, .td-footer-wrapper, .td-sub-footer-container, .page-id-30 .td-header-wrap, .td-footer-wrapper, .td-sub-footer-container{
display:none;
}
Simply copy and paste the whole selector and change the id on each instance
Thanks.
Oh! That I am already doing. 🙂
I thought there may be some way to combine all these post IDs at one place in bracket or something 🙂
Anyways, Thank you.
This is the only way as css needs to be specific with it’s selectors.
Thanks
Hi Bogdan, one more thing,
As I asked here, https://forum.tagdiv.com/topic/landing-page-without-top-menu-header-and-any-further-delay/ , These customisation works only after some delay, how can I integrate these codes in main CSS files, so that it can work smoothly without any further delay.
nairolf tried to help me but it didn’t work.
Thank you.
In order to avoid any delay in css you can simply place the custom code at the very bottom of style.css. That way there will be no extra delay.
Thank you!
Yes, As I said, it works when I add this to custom CSS, but it doesn’t work if I add it directly at the very bottom of style.css. Here is how I did it:
I am only removing top header, and top navigation with this code:
.page-id-246 .td-header-wrap {
display:none;
}
.page-id-28 .td-header-wrap {
display:none;
}
.page-id-27 .td-header-wrap {
display:none;
}
.vc_separator.vc_separator_align_center h4 { font-size: 30px !important; }
.td-main-content-wrap {
padding-bottom: 0;
}
Yes, I have cleared all cache and everything. Let me know if you want to do further checking.
Thank you.
Well css needs to be more specific in order to reqrite another code. Css works in rewrites and in priorities. You can try to add important tags to your code like so:
.page-id-246 .td-header-wrap {
display:none!important;
}
Thanks.
