Joomla Templates Club 406,261 posts

[zhihuazhou Friend zhihuazhouJoin date: January 2011Posts: 35Downloads:92Uploads:18 Thanks: 6 Thanked: 7 times in 6 posts]

#977955

Hi, I tried enable small logo for small size screen. However, both the normal logo and small logo will not center aligned. Please see the attached picture.

I tried add below code to custom.css, however, it shows me two logos.

.logo-control .logo-img {
display: block;
margin-top: 20px;
}

.logo-control .logo-img-sm {
display: block;
margin-top: 10px;
}.

Please help me to solve this issue. Thank you.

---

Attachments:

1. 

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

#977962

Hi
Apply my solution below
Go to custom.css file
Find below code

  .t3-header .logo-image,
  .t3-mainnav .logo-image {
    height: 40px;
    line-height: 40px;
    width: 150px;
  }

replace it with

  .t3-header .logo-image,
  .t3-mainnav .logo-image {
    height: 40px;
    line-height: 48px;
    width: 150px;
  }

Changes in the line-height code .

The for large display logo add below code in custom.css file

.logo-image {
    line-height: 70px;
}

Save file , clean cache and check .

Regards

[zhihuazhou Friend zhihuazhouJoin date: January 2011Posts: 35Downloads:92Uploads:18 Thanks: 6 Thanked: 7 times in 6 posts]

#978014

Great, Thank you Sharma. It works

[Author]

Posts