Joomla Templates Club 406,261 posts

[myuption Friend myuptionJoin date: November 2006Posts: 161Downloads:20Uploads:23 Thanks: 58 Thanked: 6 times in 1 posts]

#949880

Hello, I’m trying to enable this feature, I selected my logo and small logo, and the switch correctly, but the small logo is displayed in a funny way. Not showing up the top of the slider.

Can you give me a hint to fix this, thanks.

I added a mobile screenshot 🙂

---

Attachments:

1. 

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

#949898

Hi
Maybe its due to the size of logo .
Kindly set the css compression to OFF and share your working site url here . I will check it.

[myuption Friend myuptionJoin date: November 2006Posts: 161Downloads:20Uploads:23 Thanks: 58 Thanked: 6 times in 1 posts]

#951554

Thanks, I also thought the logo was the issue, but I put a 33*33 image showing just the badge, but is the same.

site is seguridadjusticiaypaz.org.mx

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

#951611

Hi
The problem is because you added a fixed with for this logo in template.css file
kindly remove it or make width 100%

.logo-image a {
    background-image: url("../images/logo-ltr.png");
    background-repeat: no-repeat;
    width: 540px!important;
    height: 65px;
    margin-left: -30px !important;
}

http://prntscr.com/bv293k

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

1. myuption

[myuption Friend myuptionJoin date: November 2006Posts: 161Downloads:20Uploads:23 Thanks: 58 Thanked: 6 times in 1 posts]

#951895

Ohhh… indeed, I’m a bit embarrassed :S

Thanks for pointing out!

But, once I removed that from the CSS, the logo in desktop version also shrunk.

I put this extra code and seems to work, is it correct?

.logo-image img {
  height: 65px;
  max-width: 540px !important;
}

Thanks

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

#951919

Hi

.logo-image img {
  height: 65px;
  max-width: 540px !important;
}

Yes the code looks fine now 🙂

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

1. myuption

[Author]

Posts