Parallax Pro – Removing Header

[ebeard]

I am using the home page of Parallax Pro as something of a landing page, with the Home Section 1 widget set with an image and a button that leads to a page that encourages an opt-in.

I do not want a header image above the Home Section 1 image, how can I remove the header completely?

http://timelessopportunity.com

[Brad Dalton]

Try this directly in the template:

//* Remove site header elements
remove_action( 'genesis_header', 'genesis_header_markup_open', 5 );
remove_action( 'genesis_header', 'genesis_do_header' );
remove_action( 'genesis_header', 'genesis_header_markup_close', 15 );

---

Tutorials for StudioPress Themes.

[ebeard]

Thanks, Brad, but that didn't change anything. What I am wanting is for the image I uploaded to the Home Section One widget to cover the entire screen (except for the links, etc at the bottom). I just don't need a header image and if you don't specify one it leaves that white strip at the top.

[dmdwebdesigns]

Hi ebeard... did you get an answer for this? I am trying to do the same thing. I have a Logo image on all background pages, but do not want it to display on the Home page.

Very frustrating trying to find the right avenue for the CSS code.

I would give the URL however there is a Coming Soon placeholder page in place and only Admins can see the site.

I want the background header image to show but NOT the Logo image.

Anyone???

Can give Admin Access if needed.

[ebeard]

Hello dmd,

Yes, I emailed Support and got a solution that worked for me. Here it is:

To remove the header on the homepage, you'll need to add one CSS rule and change another.

First, you'll want to add the following to your style.css:

.home .site-header {
display: none;
}

That will hide the logo image and any widgets from the Header Right widget area (should you choose to add them) on the homepage only, but you'll still see a white strip across the top of the screen. To get rid of it, find the following existing rule in your stylesheet:

.parallax-home .site-inner {
margin-top: 70px;
max-width: 100%;
}

and change it to this:

.parallax-home .site-inner {
margin-top: 0;
max-width: 100%;
}

You may also need to make some changes in your media queries to be sure there is no top margin on mobile.

[dmdwebdesigns]

OMG... thank you so very much. Pulling my hair out as I was using ".parallax-home" instead of just ".home"

Wow... such a simple thing I should have come up with that.

Everything looks great now. Thanks again!

Looking to get 3-4 footer widgets across the bottom now. Let's see how I do with this!

[Author]

Posts