How do I create a Landing Page that does NOT inclu...

dellaratcliffe · ‎02-23-2017

I would love to create some landing pages for new events that will also capture registrants /names for my mailing list (using some MailChimp plugins) but want "true" landing pages (such as those through InstaPage or LandingPages), i.e. without the current header / logo / navigation menu currently displayed on my site. Link to site:

http://www.innerjourneyevents.com

Is this possible?

Della

Queso · ‎02-24-2017

Hello Della! That wouldn't be something we'd support through the default themes, though you can likely use some code customization to achieve that effect.

MJCS · ‎02-26-2017

Yes, very possible...

In the editor navigate to Theme>Edit HTML / CSS

At the top of the left column, click on the 'HEADER TYPE' that most closely represents the page you want - probably 'Splash' or similar from your description.

Select and copy all the HTML in that panel. (Couldn't hurt to paste it into a text editor along the way as a backup) You then need to click on the '+' right of the 'HEADER TYPE' and click 'New Header Type'.

Name the new header type with something short and descriptive like 'blank.html', and then copy the HTML from the 'Splash' page in place of the default HTML.

Lastly, add

style="display: none;"

in the <div> prior to any content (easily identified by the white words within curly brackets) you don't want to be displayed. eg.:

to prevent the logo from displaying:

to prevent the menu from displaying:

to prevent the footer from displaying:

<div class="footer" style='display: none'>{footer}</div>

Click Save and then Publish.

When you create a new page in the main editor choose 'blank' in the Header Type drop-down box.

Don't forget to add some sort of button or link for people to return to the rest of your site because your navigation won't be available.

Hope this helps.

Ellipsilone · ‎04-10-2017

Hello! This is of the highest interest to me, and I can't seem to make your instructions work. This is what I see in that section :

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>

<div class="content-wrap wsite-background">
<div class="container">
<div class="main-wrap">
<h2>{headline:text global="false"}</h2>
<p>{headline-paragraph:text global="false"}</p>
{action:button global="false"}
</div>
<div class="footer-wrap">{footer}</div>
</div>
</div>
</div>

</div>

<div class="menu-controls-bar">
<div class="container">
<label class="w-navpane-trigger hamburger"><span></span></label>
<div class="social-icons-wrap">{social}
<div class="phone-number">{phone:nav}</div>
</div>
<div class="logo">{logo}</div>
<div id="searchBar" class="search-bar-wrap">
{search}
</div>
</div>
</div>

</div>

<div id="mobileNav" class="w-navpane nav-wrap nav-wrap--mobile">
<div class="container">
<label class="hamburger w-navpane-trigger"><span></span></label>
<div class="nav js-nav-hidden">{menu}</div>
<div class="nav js-nav-visible">{menu}</div>
<div class="phone-number">{phone:text}</div>
<div class="social-icons-wrap">{social}</div>
</div>
</div>

<script type="text/javascript" src="/files/theme/plugins.js"></script>
<script type="text/javascript" src="/files/theme/custom.js"></script>
<div style='display:none'>{content}</div>
</body>

</html>

I've tried to place style="display: none;" in different spots, but can't make it work. Please help and thank you so much for yoour valuable insights!!!!

WaKaleka · ‎05-26-2017

This did not work for me either

MJCS · ‎06-23-2017

Hi @Ellipsilone and @WaKaleka,

Sorry I didn't get back to you. I didn't get any notifications because I wasn't tagged in your reply.

Did you get this to work at all? If not can you please send me a link to the page you tried to make on your website and I'll see if I can see what's give wrong.

Cheers, Mark

jbrodgers1 · ‎01-21-2018

Mark...

I tried your suggestion, and it removed the menu from ALL the pages.... How do you remove the header from only the "HOME" landing page, but keep the menu on all the others?

-Brian

How do I create a Landing Page that does NOT include the site's navigation menu?