Joomla Templates Club 406,261 posts

[gribblej Friend gribblejJoin date: June 2011Posts: 208Downloads:28Uploads:6 Thanks: 4 Thanked: 10 times in 2 posts]

#1039698

I think there may be a bug in the latest release of your popular University template, which I am using on a new Joomla 3.72 site. In the template style editor, I enabled small logo and uploaded graphic sized just for phones. It doesn’t display on desktop, which is right. But the desktop logo displays on smartphone view, which is wrong. Looking at the code, there appears to be something missing. I see the breakpoint which suppresses the small logo on all screens bigger than 768px. Good. But there doesn’t seem to be a way to add a breakpoint which suppresses the desktop logo on screens smaller than 768px. Bad. This is because both logos are controlled by the .logo class. The small logo should not have the same root class, I would think. That way the two logos could be easily regulated separately. Can someone please advise how to fix this?
Thank you,
-Jim Gribble

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1039740

Hi
Open template folder/css/custom.css
if file is not present kindly create it and add below code

@media (max-width: 768px)
{
.logo-control .logo-img {
    display: none;
}}

Hope it helps.

Regards

[gribblej Friend gribblejJoin date: June 2011Posts: 208Downloads:28Uploads:6 Thanks: 4 Thanked: 10 times in 2 posts]

#1039742

Pankaj, simple and brilliant. Perhaps it’s not included in all the base styles which come with the template. I added it to template.css because Internet Explorer doesn’t read the custom.css file. So my practice is to save all code mods to a stylesheet I keep on my computer. They’ll still be available if I ever have to update the template. Best regards and thanks,
-Jim Gribble

[Author]

Posts