Header space on all but home page

Hi,
I would Like to remove the header background on all pages. The home page is correct but all the rest are not. site: www.homejeevesdrivers.com

Thank you,
Frank

Dear Frank,

It seems like this is your first query here. Thank you for getting in touch and welcome to our support forum.

Could you please try to apply the following CSS code through the Simple Custom CSS plugin or child theme’s style.css?

body:not(.home) .site-header{
   position: relative !important;
}

To remove the excess space above the here image on this page: http://www.homejeevesdrivers.com/get-the-app/, add the following CSS code, please.


/* Remove excess top space */
#pg-1920-0 > .panel-row-style,
.page.page-id-1920 .page-wrap,
.page.page-id-1920 .page-wrap .content-wrapper{
   padding-top: 0 !important;
}

I hope this reply helps.

Regards,
Kharis

Hi Kharis,

Thank you for your quick response.

The code you had me add did remove the space between the header and the body for the one page. How do I change all pages.

Also, How do I make the menu/header space clear (with no background color) Like it is on the home page?

I want all pages on the site to look the same as the front page.

Kindest regards,
Frank

Dear Frank,

Please add this CSS code:


.site-header{
   background: transparent;
}

Regards,
Kharis

Hi Kharis,
That did not work.
Kindest regards,
Frank

Hi Kharis,

Is there a way to modify the code below so it works on all pages on the entire site and not just on the on the one?

/* Remove excess top space */
#pg-1920-0 > .panel-row-style,
.page.page-id-1920 .page-wrap,
.page.page-id-1920 .page-wrap .content-wrapper{
}

If not please provide the code fix the page below.

http://www.homejeevesdrivers.com/traveling-with-children/
padding-top: 0 !important;
}
Thank you,
Frank

Hi Kharis,

I messed the code up in that post.

Please use this code that you provided for me and alter it to work across the entire site.

/* Remove excess top space */
#pg-1920-0 > .panel-row-style,
.page.page-id-1920 .page-wrap,
.page.page-id-1920 .page-wrap .content-wrapper{
padding-top: 0 !important;
}

Thank you,
Frank

Hi Kharis,

I figured out how to fix each page thanks to your help. I still would like to be able to create an all in one code to fix all pages existing or any new that I will create.

Kindest regards,
Frank