Hide Profile Header

[samnoonan]

Hi, I’ve read through the forums for an answer, messed around with it the past couple days and I tried the code from this post: https://archived.seventhqueen.com/forums/topic/hide-header-on-specific-pages

And it half way helped. But what I am looking for is to hide the profile header on every page except the actual profile page.

Thank you if anyone can help

[Laura]

Hello, do you mean hide the avatar and the info of your own profile? Or others profile? Could you specify a bit more please? 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[samnoonan]

Hey Laura, I’m hoping to remove the whole buddypress-profile-header from every page for a logged in user except on the actually profile page.

[samnoonan]

So for instance a member logs in and goes to the messages page, it will only be the messages with out the whole profile header above it. And I want to do that for ever logged in page, except on actual profiles.

[Laura]

Hello, will assign the ticket to a higher support lever who can help and advise you in your query.
Thanks! 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[cpollio]

I am trying to do this too!

[Radu]

Hi,

The easiest and quick way to achieve this is to do via CSS

COPY CODE

body.buddypress.is-user-profile div#item-header {display:block !important;}
body.buddypress div#item-header {display:none !important;}

Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[syslay288]

Hey I’m still strugglin with this.. can’t hide profile header on messages

[Radu]

Hi @syslay288,

Where you have pasted the css code from above ?

Cheers

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[syslay288]

Hello Radu, I have pasted on the custom css inside child theme.

[Radu]

Hi @syslay288,

Please replace that code with this

COPY CODE

body.my-account section #profile { display: none !important; }

Let me know if it works.

Best Regards

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[syslay288]

Thank you for this.. I let my things just like this:

COPY CODE

body.activity section #profile{ display: none !important; }
body.notifications section #profile{ display: none !important; }
body.messages section #profile{ display: none !important; }
body.friends section #profile{ display: none !important; }
body.groups section #profile{ display: none !important; }
body.forums section #profile{ display: none !important; }
body.album section #profile{ display: none !important; }
body.media section #profile{ display: none !important; }
body.settings section #profile{ display: none !important; }

Now header is visible ONLY in profile section, but not visible in messages, etc

That has helped a lot my website performance. Thank you

[diegonofx]

I don’t get it, I pasted the code in my child-theme style.css file, but nothing seems to happen 🙁

[diegonofx]

Got it! now it works. This is a great feature I use SweetDate since long time and this is definetly an upgrade

[mg45]

Hello,

If it is possible, I need the same for the Kleo Theme.

###
body.activity section #profile{ display: none !important; }
body.notifications section #profile{ display: none !important; }
body.messages section #profile{ display: none !important; }
body.friends section #profile{ display: none !important; }
body.groups section #profile{ display: none !important; }
body.forums section #profile{ display: none !important; }
body.album section #profile{ display: none !important; }
body.media section #profile{ display: none !important; }
body.settings section #profile{ display: none !important; }
###

How would the css code look for Kleo?

Many thanks in advance!

[Author]

Posts