Joomla Templates Club 406,261 posts

[eastiebrekkie Friend eastiebrekkieJoin date: July 2016Posts: 11Downloads:19Uploads:6 Thanks: 1]

#960070

Hello

Our logo size is 466px X 87px.

Uploaded to "Logo Image" under Theme tab. However, the displayed image is smaller 222px X 41px.

How can the displayed image be bigger?

Also, have entered the slogan in the template field but not shown anywhere.

Please advise how to show the slogan.

Thanks

---

Attachments:

1. 

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

#960072

Hi
Add below code in /css/custom.css file to change the logo width/height as per needs .

.logo-image a {
    width: 446px;
    height: 87px; }

if there is no custom.css file then create it .
For the slogan do u mean by logo as text ? Since i have see the slogan output on front end .

[eastiebrekkie Friend eastiebrekkieJoin date: July 2016Posts: 11Downloads:19Uploads:6 Thanks: 1]

#960074

Hi Pankaj

Thanks for the reply.

The logo is now correctly sized.

The slogan is text but still cannot see on front.

Regards

---

Attachments:

1. 

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

#960092

This reply has been marked as private.

[eastiebrekkie Friend eastiebrekkieJoin date: July 2016Posts: 11Downloads:19Uploads:6 Thanks: 1]

#960102

This reply has been marked as private.

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

#960119

Hi
i just added the slogan in your template style > http://prntscr.com/c5v9ek
Add below code in custom.css file to show slogan

.logo-image small {
    display: block!important;
}

@media (max-width: 480px) {
.logo-image a {
    max-width: 120px!important;
} }

and the next code is for mobile logo width , increase the width to show a bug logo .

[eastiebrekkie Friend eastiebrekkieJoin date: July 2016Posts: 11Downloads:19Uploads:6 Thanks: 1]

#960162

Hello Pankaj

I got the logo correctly sized (in Portrait mode) based on the following:
@media (max-width: 480px) {
.logo-image a {
max-width: 180px!important;
} }

However, the landscape mode is incorrect – see attached.

Any further adjustment to code?

Thanks

---

Attachments:

1. 
2. 

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

#960496

Hi
in landscape mode, the width is also 468px
so u can reduce the min-width in the code or reduced the width of 468px to a minimum value to apply this only to normal views .

[Author]

Posts