You won't have the menu bar background or footer background going the entire width of the network.
If you want the menu to have the line all the way across the site. It will require a background with a line. Then the menu can be pushed down or pulled up to center on that background line.
This is the code in your CSS that is causing the problem.
#xg {
text-align:left;
}
Remove it and it will center your your banner, or you can replace left with center and click save. You banner will center.
After that you will need to pull your content up to the banner. Try the code below. Increase the number from 100 to a higher number until it is at the proper height.
Your in luck kiddo. I just modified that default Ning theme your using.
I started with it on a network I am designing. I had been making some heavy mods to it when I noticed after my last save that the entire network had shifted left.
What is happening?
There is CSS in your code that controls the masthead and site description. When you added the header with JavaScript, it is now clashing with the CSS of your network.
Since you not utilizing that CSS, it will have to be removed. If you like, I can join your network and you can give me access as an admin to the appearance area of your site and I will remove the code that is forcing your banner to the left.
Not sure what's the Flash header issue with the current Ning code. BTW, we also offer our own custom header code as a pro feature (small fee) if you're interested--
Contact me at symphonetworks.com and we can discuss
Comment Wall (7 comments)
You need to be a member of Ning Developer Docs to add comments!
Join Ning Developer Docs
Changes made. Let me know if that works for you.
You won't have the menu bar background or footer background going the entire width of the network.
If you want the menu to have the line all the way across the site. It will require a background with a line. Then the menu can be pushed down or pulled up to center on that background line.
Let me know if it is ok like it is.
"Cheers"
JP
I will join as scooter with a Jim Carey avatar for my photo.
#xg {
text-align:left;
}
Remove it and it will center your your banner, or you can replace left with center and click save. You banner will center.
After that you will need to pull your content up to the banner. Try the code below. Increase the number from 100 to a higher number until it is at the proper height.
#xg_masthead {
height: 100px;
min-height: 25px;
color:#fff;
padding-top: 40px;
}
If your happy with the way it looks after you center it, then don't worry about the second code.
"Cheers"
JP
Your in luck kiddo. I just modified that default Ning theme your using.
I started with it on a network I am designing. I had been making some heavy mods to it when I noticed after my last save that the entire network had shifted left.
What is happening?
There is CSS in your code that controls the masthead and site description. When you added the header with JavaScript, it is now clashing with the CSS of your network.
Since you not utilizing that CSS, it will have to be removed. If you like, I can join your network and you can give me access as an admin to the appearance area of your site and I will remove the code that is forcing your banner to the left.
"Cheers"
JP
Try changing the code width from 940 to 955.
Most developers know the Ning header is always 955 in width. But than again there are some developers that would rather charge you for a simple fix.
What is your Ning network URL? I will stop by and take a look.
"Cheers"
JP A.K.A. "The Ning Master"
Not sure what's the Flash header issue with the current Ning code. BTW, we also offer our own custom header code as a pro feature (small fee) if you're interested--
Contact me at symphonetworks.com and we can discuss
Cheers.
LRon
Sympho Networks