Hide universal header banner on individual pages?

[Allano]

Hello,

I am wondering if it’s possible to hide the header banner or activate the banner on selected pages.
I understand it’s universal but wondering if there is a CSS tweak that can accomplish on a per page basis.

thanks,
Allan

[David Martin – Support]

Hi Allan,

You can remove the promo bar from within a page meta options:

[Allano]

This reply has been marked as private.

[David Martin – Support]

You can manually hide it on some pages using CSS. If you view the source and look in the body tag you can find the page ID. You then prefix the class with the page ID. Ex:

.page-id-9 #sf-header-banner {
    display: none;
}

[Allano]

This reply has been marked as private.

[David Martin – Support]

Yes, for individual products you can look for the ID:

Or for all products you can use the prefix .single-product

Thanks.

[Allano]

This reply has been marked as private.

[David Martin – Support]

Remove .single-product

Amend postid-15213 to .postid-15213

[Allano]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Just use this code:-

.postid-15213 #sf-header-banner, .page-id-10 #sf-header-banner, .page-id-15428 #sf-header-banner {
display: none;
}

Thanks
Mohammad