ISSUE SUMMARY: Hi
At the moment our logo is not responsive for a desktop computer or mobile devices.
The problem is some of the logos content is caught behind the Community Toolbar for Socialize Template module.
Is it possible you can help us with where to change the logos top margin or padding etc in the back end of Joomla if that can solve our problem or any other solution to solve this.
Thank you
Regards
HI, Brian.
Seems your issue is similar to the one here:
www.jomsocial.com/forum/installation/32501-icon-on-mobile-phone
Hi, Brian.
ROOT/templates/socialize/css/custom.css (if you don't have this file - feel free to create it)
Hi, Michal.
In what line should i copy that code in?
If i open the custom.css file it consists of literally 3 lines of code.
1st line begins with .joms-postbox-dropdown etc
2nd line display: none:
3rd line }
I am maybe in the wrong file, because i followed your ROOT file path correctly
Thank you Michal
Regards
Hi Michal
The code in that custom.css file is to make any post a member posts on his/her stream to be seen by the members friends only. I don't know if you remember but you helped me with that last week : ).
Should i copy that logo code in that custom.css file, if i must just please tell me what line to copy it to OR should i make a new file and copy that logo code in there ?
Thank you
Hi, Brian.
Custom.css may contain numerous line of code :)
Just add new code under already existing in that file.
Hi, Brian.
This code apply to... toolbar logo, not template logo.
It seems you don't have logo defined in Backend -> Extensions -> Modules -> JomSocial Toolbar for Socialize template.
Hi, Michal.
Sorry, I don't want a logo for my toolbar. I am working with my template logo. On desktop computers it is fine.
The problem I have is, when i browse to my site via a mobile devices my logo(Template logo) gets caught behind the toolbar(Check attachment)
Hi, Michal.
Sorry my internet gave me problems yesterday. I am not sure why it send all those messages. I am so sorry about that. If it is fine with you can we please get back to my problem.
Thank you
Hi, Brian.
It's because toolbar is fixed.
We just need to add a bit of margin for logo :)
Add this:
.logo-control .logo-img-sm {
margin-top: 50px;
}
Hi, Brian.
Glad to hear that :)
Best wishes!