Removing Logo, Menu, and Footer elements from Landing Pages

[bartwindrum]

Hi Jason. I’m returning to site development after some months away :). I see this topic (at least for menus) addressed in another theme’s support section which I cannot access. I’ve read what’s in the Akita section and also searched around some but have to ask…

So far I glean that to remove the menu from a (landing) page I’d edit the child theme’s CSS file with:

page-id-123 #access { display:none; }

but I’ve looked around and can’t find page IDs. Do they exist for pages made with Akita? If not, do I use my page title or shortlink?

And also, is there similar CSS code to remove the logo and footer from a page also?

Topic

[bartwindrum]

further googling yielded where I find the page ID, expressed as post=1234. So I inserted:

.page-id-3597 #access { display:none; }

(with the leading “.”) in the CSS but that page’s menubar still shows…

[Jason Bobich]

Hi Bart!

What you’re doing should work *until* you start re-sizing the browser window.

Here’s how I’m doing it on my end:

http://www.uploadblvd.com/uploads/image_53d979ec1ca31.png

… I’m adding !important onto the declaration so that the theme’s javascript that is toggles the menu open/closed for responsive design doesn’t take over.

If this still doesn’t work, the issue is somewhere not with the specific CSS snippet, but how you’re updating your custom CSS, maybe other CSS breaking something, etc.

[Jason Bobich]

Sorry, didn’t see the title of the topic. This would be all that stuff.

.page-id-123 #top,
.page-id-123 #access,
.page-id-123 #bottom {
	display: none !important;
}

[bartwindrum]

Hmmm, the page I’m working on is private at the moment (that ought not matter, right?) and the Edit Page browser url field shows

http://axiomaction.com/wp-admin/post.php?post=3597&action=edit&message=1

and I’ve carefully used 3597 for the top, access, and bottom values, saved the ChildTheme CSS file, and refreshed the page view, but the 3 elements are still present. Thoughts?

I’m editing, via Appearance>Edit Themes, the Axiom Akita Child Theme for the Theme Blvd framework: Stylesheet (style.css), and here are the contents of that file. I have not knowingly edited CSS anywhere else (I’m not a CSS-er). The two snippets at the end are from the developer of the MailChimpForWordpress signup forms plugin:

/*
Theme Name: Axiom Akita Child Theme for the Theme Blvd framework
Author: Bart Windrum
Template: akita
Note: The parent theme does not include any CSS in
style.css so you don’t need to @import it here.
*/
/* Add your custom CSS here. */

/* remove site banner (“branding”) padding */
#branding .header_content-content { padding: 0; }

/* change padding around slider inserted above featured content */
#featured .element { padding: 0px; }
/* change padding around heading inserted above featured content */
#featured .element-columns .element-inner { padding: 0px; }

/* remove logo, menu, and footer from landing pages */
.page-id-3597 #top,
.page-id-3597 #access,
.page-id-3597 #bottom {
display: none !important;
}

/* align MailChimp for WordPress form submit button on baseline */
.mc4wp-form input {
vertical-align: top;
}

/* reset mc4wp field font-size */
.mc4wp-form p,
.mc4wp-form input {
font-size: inherit !important;
}

[Jason Bobich]

What’s the link to the page on the frontend of your site? Make the page public and send post a link. Currently, you’re linking me to your WP admin where you edit the page, which obviously I won’t be able to see.

[bartwindrum]

I think you mean
http://axiomaction.com/landingwebinar914/
and the designer in me says I’m mucking around w/landing pages for the first time and this is in early development 🙂

[Jason Bobich]

Your edits are showing up for me; I don’t see any of the elements you’re hiding. Try clearing the ‘ol browser cache… Or just click the refresh button on your browser about ten times, hard and furious, but be careful not to break your mouse button.

[bartwindrum]

Jeez Louise; I never thought to hit the edit page’s Purge from Cache link or purge the browser cache because all my *page* edits appeared when I refreshed the page view. With my brain mildly impaired, of course, by returning to the rabbit hole, aka, “web development” plus ruminating over the higher aspects of landing page construction.

Ironically, my old v5x Safari under 10.6.8 threw the “pages not responding” alert up which caused all open tabs to want to redraw in turn at the exact moment your reply above hit my email — and I had just seconds earlier seen the “redrawn” landing page sans the elements.

Like finding the key about the time the locksmith rolls up in his van.

[Jason Bobich]

Luckily in cyber space, I don’t have to travel too far!

[Author]

Replies