Joomla Templates Club 406,261 posts

[montgomeryr Friend montgomeryrJoin date: June 2017Posts: 72Downloads:14Uploads:38 Thanks: 10]

#1048161

I have replaced the "logo.png" file with my logo under templates/ja_fixel/images/ and this is still what I get when I load my page (see image). How do I get this to display my logo and not the templates logo?

---

Attachments:

1. 

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

#1048237

Hi
You can change the logo from template options > Theme Tab.
upload your logo for all template style you have and check.

Regards

[montgomeryr Friend montgomeryrJoin date: June 2017Posts: 72Downloads:14Uploads:38 Thanks: 10]

#1048267

I have done so per your instructions but still have the same problem after doing so. See image.

---

Attachments:

1. 
2. 

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

#1048273

Hi
Open /templates/ja_fixel/local/css/themes/blue/template.css
Find and remove

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

Regards

[montgomeryr Friend montgomeryrJoin date: June 2017Posts: 72Downloads:14Uploads:38 Thanks: 10]

#1048276

Awesome, That worked. However when I scroll down the page the template default image comes back. See image.

• This reply was modified 7 years, 6 months ago by  montgomeryr.

---

Attachments:

1. 
2. 

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

#1048328

Hi
open
http://test.shoals.k12.in.us/templates/ja_fixel/local/css/themes/blue/template.css
Find and remove

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

Regards

[montgomeryr Friend montgomeryrJoin date: June 2017Posts: 72Downloads:14Uploads:38 Thanks: 10]

#1048450

Well that fixed the problem but now when I scroll down the logo is cut off at the bottom. It correct when the page is at the top but as soon as you scroll down it cuts off the bottom. See images. Thanks!

---

Attachments:

1. 
2. 

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

#1048552

Hi
Add this code in custom.css file

.t3-mainnav.light-mainnav .logo-image a {
    background-image: url(../../../../images/logo-light.png) !important;
    padding: 0 20px 13px 20px;
}

Regards

1 user says Thank You to Pankaj Sharma for this useful post

1. montgomeryr

[montgomeryr Friend montgomeryrJoin date: June 2017Posts: 72Downloads:14Uploads:38 Thanks: 10]

#1048728

I tested my site on an iPhone today and found out that the logo is doubled up on the menu bar when you scroll down. You have to scroll down before you get the double image. See Image.

---

Attachments:

1. 

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

#1048918

Hi
You have this code in custom.css

.t3-mainnav.light-mainnav .logo-image a {
    background-image: url(../../../../images/logo-light.png) !important;
    padding: 0 20px 13px 20px;
}

Replace it with

@media (min-width: 980px) {
.t3-mainnav.light-mainnav .logo-image a {
    background-image: url(../../../../images/logo-light.png) !important;
    padding: 0 20px 13px 20px;
}

}

Regards

[montgomeryr Friend montgomeryrJoin date: June 2017Posts: 72Downloads:14Uploads:38 Thanks: 10]

#1048947

Ok, so after replaced the CSS code with what you suggested as you can see in my images attached. The logo looks fine before you scroll down. Once you scroll down it doubles up again and is cut off at the bottom of the logo.

---

Attachments:

1. 
2. 

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

#1048950

There is max height style for small logo
to increase it use this code

.logo-image .logo-img-sm {
    margin: 0 auto;
    max-height: 40px;
}

I do not see any double issue on your site. Always clear your Joomla and browser cache before checking the changes.

Regards

[montgomeryr Friend montgomeryrJoin date: June 2017Posts: 72Downloads:14Uploads:38 Thanks: 10]

#1048956

Ok, I may just resize my logo then.

I have cleared browser cache and still have the problem when I scroll down as see in attached images.
When I scroll down the image gets bolder and doubles up and also the logo is cut off at the bottom. Something is causing another log image to appear over top of the same logo image when I scroll down.

---

Attachments:

1. 
2. 

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

#1048989

Hi
I got this issue
Open
Find and remove

.light-mainnav .logo-image a {
    background: url(../../../../images/logo-light.png) no-repeat 0 0;
}

Now add this code in custom.css

.t3-mainnav.light-mainnav .logo-image a {
    background-repeat: no-repeat;
}

Regards

1 user says Thank You to Pankaj Sharma for this useful post

1. montgomeryr

[Author]

Posts