Current status of the Ning Platform is always available on the Ning Status Blog.

FORUM

Hi Creators!

I'm redesigning the look of my network and the concept looks like this:


I kinda like it but I was wandering if it's possible to Hide the Canvas on the header section when entering cerain pages, for instances My Page (the user's profile page)

cause you get something like this:

and you get two headers..

Any ideas on how to do it? :D

You need to be a member of Ning Creators Social Network to add comments!

Join Ning Creators Social Network

Email me when people reply –

Replies

  • NC for Hire

    At first thought, if you were to inject a style sheet into the footer of Group Pages which override the CSS and not diplay header on those pages, it should work..

    • JF what if he were to load his "header" image into the below header HTML box and then just hide that with a little CSS for the desired pages?  I'm headed out the door but that's what popped into my head.........thoughts?

       

  • Yes it could be done, a small bit of script would have to be written to add a class to the body of the pages you want to hide it from then you would add a little css to set the min height of the header to 0px and remove the site-nameLogo part. You would not want to remove all the header as you would need the nav bar to stay put else the user would not be able to navigate away to somewhere else.

    On some pages it would be just a matter of using a little css but for the members page / profile page the page name is shared with the members list so a new class would be needed.

    For instance a photos page is just a photos page so you could just use the page name as the body class would already be set for that so that would look something like this just using css

    .page-photos .site-header{ min-height:0px!important }

    .page-photos .site-nameLogo{ display:none }

    But because the members page is the same as the members list page a class would be needed to be added to the body once it has looked at the page wether it's the members list page or not. The reason for the class is because css can only go down the page and not look up and because the site header is above the main content we would need to look at the content below it to determine if it's a profile page then use jquery to go up and add the class to the body and then we can write the relevent css much the same as the photos css demo above.

     

     

  • Thank you all for your amazing suggestions :D

This reply was deleted.

Announcements

 

Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)

Latest Activity

Fernando Bisbal replied to Fernando Bisbal's discussion
The name of the groups is not shown in the urls
"I have another proof of what I am saying here is true. and it can be checked easily.
If you copy th…"
22 minutes ago
Henry Taylor commented on Gerard Nealy's blog post SSL Certification
"In March 2018, the person who created our account (non-techie but had the credit card) checked the…"
46 minutes ago
Drake Vargas replied to Victoria_NING's discussion
iDeal – new payment method on the NING E-commerce platform
"Great news, thank you for the update! Hope this will help my network"
yesterday
Matthew Aukai Wright replied to Elson Tan's discussion
[2/3.0 TIP] How to use Ning's User Profile Variable
"Hi there Kyryl. I wanted to put it to be like this in the picture. "
Thursday
Kyryl_Ning_Support replied to Elson Tan's discussion
[2/3.0 TIP] How to use Ning's User Profile Variable
"Hi there!
You should modify the script a bit. Instead of the .ningbar-userLinks li:last-child there…"
Thursday
Gavin Brown replied to Kyryl_Ning_Support's discussion
Changes on facebook, and new instructions how the app should be set up
"Thanks Kyryl, I have replied 
Gavin"
Wednesday
Matthew Aukai Wright replied to Elson Tan's discussion
[2/3.0 TIP] How to use Ning's User Profile Variable
"Hi there Kyryl, I wanted to put the logged in members picture in a custom box on a page? how can I…"
Wednesday
Kyryl_Ning_Support replied to Jen's discussion
Make Your Image Avatars Stand Out On Home Page
"Hi there!
As I see on your network you already have the rainbow background for borders of the image…"
Wednesday
Fernando Bisbal replied to Fernando Bisbal's discussion
emails that do not arrive
"anjegufe@orange.esanjegufe@ya.com
These two emails never receive anything from NING, your user unde…"
Wednesday
Kyryl_Ning_Support replied to Elson Tan's discussion
[2/3.0 TIP] How to use Ning's User Profile Variable
"Hi there!
You can try something like this:
<script>
if (ning.CurrentProfile!=undefined){x$('.ningba…"
Wednesday
More…

Meanwhile, you can check our social media channels