Greetings Again,
I have just begun using Socialize so I am very unfamiliar with how all of this works, so I apologize if some of my questions are foolish, but I cannot seem to locate a manual on how all of this works. When you go to my index page at
www.madd-talent.com
, it displays just fine. However when I log into the site as a member or super user, the loga area shrinks and cuts off my logo. Is ther a setting somewhere that I need to change or how do I get this to stop?
This issue is caused by... com_jchat. Chat appears only for logged in users that's why issue appears after log in.
Let me explain:
Our top bar has fixed position, it means that everything that is under it will treat it as a parent layer, something that is above them (like in 3rd dimension) and will try to get under it (just like your issue). To prevent it we add 50px top padding to body element. You can see that when you're not logged in.
This 50px top padding are global so should be added no matter is user is logged in or not. But in your case, when user is logged in, com_jchat loads own css files and in file:
ROOT/components/com_jchat/css/mainstyle.css line 1 you have:
body {
line-height: normal !important;
padding: 0 !important;
text-align: left;
}
padding: 0 !important; - this setting re-set our 50px and logo get under top bar. It's because !important says that this value should be take as more important...
html body.t3-has-navbar {
padding-top: 50px !important
}
To ROOT/templates/socialize/css/custom.css (if you don't have custom.css - feel free to create it)
- Instead of saying: 'it's not working', explain the problem in detail.
- Screenshots with the URL visible in them and the problem marked are more than welcome.
- Tell us how to replicate the problem, we can't fix it if we can't find it.
- Make sure that your site/server meets JomSocial System Requirements
- Make sure to setup JomSocial Cron Job
- Always provide us with access details to the backend and ftp. We need it to debug problems.
- If you have a similar problem, but a solution you found isn't working, open a new thread instead of 'merging' with an existing one.
- Use the "Thank You" feature on any post that helped you
Michal,
Holy Sh**, I will assume you looked at this CSS code file you asked me to modigy. WOW! You may not believe it, but I followed you directions very carefully and to a T and guess what, PROBLEM FIXED!