Product page with overlay header is it possible with custom css ?

[mik]

Hi,

I try to get PRODUCT page with page header type on OVERLAY (on the hero page title style) with custom css but didn’t succeed.

.page-heading.fancy-heading {
margin-top: -100px;
}
> ok moves up the hero image but still white nav header even if i set to opacity:0 for all header backgrounds or by color customizer. Looks like hero image can not be shown in/under the header area, is that correct ?

I hope and i’m quite sure there is a way you know how to do it. Thanks for your help.

[Rui Guerreiro – SUPPORT]

Hi,

Can you provide the url of that page to check how it exactly looks now and what can be done?
Thanks

-Rui

[mik]

Hi Rui,

Too bad i didn’t get notice you answered, don’t know why. Ok no problem here are links:
http://www.baliboa.com/product/week-end-beach-bat/
http://www.baliboa.com/product/daily-beach-racquet/
Where i wish i could have product header (logo/nav) ON image like header type NAKED (on post or pages). As on homepage for example.

Any idea ? thanks for help and i’m quite sure solution as almost always with Swift team

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.single-product .fancy-heading-wrap {
   top: -75px !important;
}

Thanks
Mohammad

[mik]

Thanks Mohammad, it’s working as usual with Swift team

[Mohammad – SUPPORT]

Hi,
You most welcome and glad 🙂 to help you.
Thanks
Mohammad