Conditionally Set Header Height on Portfolio Pages

[bisonbrah]

Currently my custom header image is getting reduced from 1920x350 > 1920x130 due position: absolute in .site-header.

How would I conditionally tell the .site-header to set min-width to 350px to accommodate the full height of the custom header
thus the .backstretch should inherit the new height of 350px (I think...)?

Any help would be fantastic!

http://sscreativestudio.com/portfolio/balpark-media/

[Porter]

What do you mean by "conditionally", on certain pages? If you want it changed in general, that wouldn't really be conditionally, that would just be changed.

Additionally, please link to your site or state the theme so we can take a look.

---

Buy me a beer? | Try DigitalOcean VPS Hosting

[bisonbrah]

Reference this url http://ssstudios.wpengine.com/portfolio/balpark-media/

I mean conditionally as in if post (in this case a portfolio project) has

extender_has_label('portfolio')

then set .site-header to a height of 350px. I believe if .site-header is set to 350px then the .backstretch will inherit the same size....

Any clearer?

[KevinPowell]

position: absolute; is simply the last thing in a big line of code, it isn't effecting the size of area.

Part of the reason the height of the header is changing, is that your navigation goes from being on the right of your logo to underneath your logo when the screen gets smaller.

While I was playing around on your site, it seemed to change over to a coming-soon page.... that said, it's using Backstretch, which is a JavaScript plugin which dynamically resizes background images.

For me, the behaviour is a good thing because it keeps the navigation menu vertically centered in that space.

[jacobgoh101]

Not sure if I understand your problem properly,
but the way i used to modify CSS on only a certain post type is through using wordpress conditional tag

https://codex.wordpress.org/Conditional_Tags#A_Single_Page.2C_a_Single_Post.2C_an_Attachment_or_Any_Other_Custom_Post_Type

something similar to this works for me (put in functions.php)

add_action( 'woocommerce_before_main_content', 'remove_product_image_from_composite', 1 );
function remove_product_image_from_composite(){
if ( is_single( array( 221,228 ) ) ) {
echo "<style>
.woocommerce div.product div.summary, .woocommerce-page div.product div.summary{
width:100%;
}
.product_meta{
display: none;
}
.related.products{
display:none;
}
</style>";
}
}

[Author]

Posts