sterndata on "removing sticky header from certain pages"

How do I remove the sticky header I created from all the pages except one page?

I don't want it to be viewable on home, services, contact us, about us pages. I only want the sticky header on blog page.

My website is: http://www.localgreeneats.com

Thanks

The home page has the body class "home" so you can use that to modify your css...

for example

.home .something { font-size: 120%; }

I am not sure I understand, can you expand a bit more? (I am very new to this css- website building)

Your header is defined by CSS. You want to change it on the home page only, so if you add additional CSS with .home in front of it, those styles will apply only on the home page.

what if I want to remove it from all other pages except?

do I define that code by the actual name of those pages or page-id-xxx?

Thanks

Change this

.secondary-menu { height: 20px; width: 90%; background: red; position: fixed; top: 25px;
}

to this

.secondary-menu { height: 20px; width: 90%; background: red;
}
.page-id-501 .secondary-menu { position: fixed; top: 25px;
}

thanks, how do I have the text within the bar, rather than hovering below?

Keep working the CSS!