Joomla Templates Club 406,261 posts

[aleblava Friend aleblavaJoin date: March 2014Posts: 85Downloads:32Uploads:12 Thanks: 29]

#196911

Hi,

In http://www.comtygo.es the logo changes when you make scroll. As you can see in attached image, the “comtygo” logo becomes in triangle logo with scrolling. 😮

Thanks!

[aleblava Friend aleblavaJoin date: March 2014Posts: 85Downloads:32Uploads:12 Thanks: 29]

#531605

And here is the attached image.

---

Attachments:

1. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#531619

you need to upload your logo in this path /templates/ja_fixel/images/logo-light.png

rename your logo as logo-light.png and upload it here /templates/ja_fixel/images/

this will fix the issue

1 user says Thank You to chavan for this useful post

1. aleblava

[aleblava Friend aleblavaJoin date: March 2014Posts: 85Downloads:32Uploads:12 Thanks: 29]

#531631

<em>@Chavan 422657 wrote:</em><blockquote>you need to upload your logo in this path /templates/ja_fixel/images/logo-light.png

rename your logo as logo-light.png and upload it here /templates/ja_fixel/images/

this will fix the issue</blockquote>

Thank you again, Chavan 🙂

[aleblava Friend aleblavaJoin date: March 2014Posts: 85Downloads:32Uploads:12 Thanks: 29]

#531660

One more question, @chavan.

In http://www.comtygo.es/index.php/en/la-empresa and in all articles the logo looks that way (my logo overlaps the triangle logo). I think I should delete some logo file in some folder.I tried in /templates/ja_fixel/images without good results…

Thank you for your time.

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#531675

If your logo had transparent background image, then you will be viewing the overlapping, So you have to remove the other logo.

Nice you did that perfectly.

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#531676

I thought you did that, but you haven’t done that yet.

So do this css changes

1. Go to this File: /templates/ja_fixel/css/themes/orange/template.css

Replace this code

@media (min-width: 980px) {
html .t3-mainnav.light-mainnav .logo-image a {
background-image: url("../../../images/themes/orange/logo-light.png") !important;
}
}
html .t3-mainnav .logo {
border-color: #e7e7e7 ;
}
html .t3-mainnav .logo-image a {
background-image: url("../../../images/themes/orange/logo-light.png") !important;
}

with

@media (min-width: 980px) {
html .t3-mainnav.light-mainnav .logo-image a {
background: none !important;
}
}
html .t3-mainnav .logo {
border-color: #e7e7e7 ;
}
html .t3-mainnav .logo-image a {
background: none !important;
}

2. Go to this File: /templates/ja_fixel/css/themes/orange/template-responsive.css

Replace this code

.t3-mainnav.light-mainnav .logo-image a {
background-image: url("../../../images/logo-light.png") !important;
}

with

.t3-mainnav.light-mainnav .logo-image a {
background: none !important;
}

[Author]

Posts