Joomla Templates Club 406,261 posts

[ankianka66 Developer ankianka66Join date: August 2008Posts: 98Downloads:0Uploads:15 Thanks: 10 Thanked: 2 times in 1 posts]

#195419

Hi!

Why do you keep making templates with such small logos? This one has a height of 30 px. Most of my clients have logos that aren´t readable in such small sizes. Of course I know I can make them bigger, but then everything looks a mess in for example an iphone.

Isn´t there a way to get over this problem? A bit bigger logos that don´t interfere with the responsiveness?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#525136

How much bigger do you want your logo to be?

[Hayden A Friend Hayden AJoin date: April 2010Posts: 282Downloads:0Uploads:20 Thanked: 54 times in 53 posts]

#525159

@ankianka66,
Please try to upload a bigger logo http://easycaptures.com/fs/uploaded/662/5004544491.jpg You also need to create a new css file named: custom.css in templatesja_bizcss path, then add this CSS rule:
[PHP]@media (max-width: 767px) {
.logo-image .logo-img {
max-width: 90%;
}
}[/PHP]

[ankianka66 Developer ankianka66Join date: August 2008Posts: 98Downloads:0Uploads:15 Thanks: 10 Thanked: 2 times in 1 posts]

#525198

This is the way my clients logo look (see encl picture, 30 px to the right). If I make the height 30 px the companys name is impossble to read. I can´t be the only one who deals with detailed logos…

---

Attachments:

1. 

[ankianka66 Developer ankianka66Join date: August 2008Posts: 98Downloads:0Uploads:15 Thanks: 10 Thanked: 2 times in 1 posts]

#525216

I managed to do the logo 50 px high and I think it looks OK in all devices… :):laugh:

[farma Friend farmaJoin date: March 2014Posts: 10Downloads:0Uploads:1 Thanks: 3]

#525224

<em>@ankianka66 414493 wrote:</em><blockquote>I managed to do the logo 50 px high and I think it looks OK in all devices… :):laugh:</blockquote>

Have te same problem with logo. How did you managed to do the logo @ 50 px height?

[ankianka66 Developer ankianka66Join date: August 2008Posts: 98Downloads:0Uploads:15 Thanks: 10 Thanked: 2 times in 1 posts]

#525228

I use the default style. Made the logo 50 px high and uploaded it via FTP.

In template.css I found:

.t3-logo {
width: 182px;
height: 50px;
}
.t3-logo-small {
width: 60px;
height: 30px;
}

So I hope this will work in all sorts of devices.

[farma Friend farmaJoin date: March 2014Posts: 10Downloads:0Uploads:1 Thanks: 3]

#525231

I think both t3 classes are used for t3 logo in footer. Company logo style is in .logo-image .logo-img class.

.logo-image .logo-img {
max-height: 40px;

[ankianka66 Developer ankianka66Join date: August 2008Posts: 98Downloads:0Uploads:15 Thanks: 10 Thanked: 2 times in 1 posts]

#525232

Aha… Then perhaps I have to change to 40 px. But it looks great with 50…

[lg21 Friend lg21Join date: July 2012Posts: 335Downloads:109Uploads:100 Thanks: 36 Thanked: 9 times in 1 posts]

#525301

I also have the same problem. I would like to put a logo of width 344 px and height 80 px

I made ​​the following changes to the file template.css

. t3-mainnav. container {
** padding-top: 30px;
** padding-bottom: 30px;
** position: relative;

. {t3-logo
** width: 344px;
** height: 80px;
}
. {t3-logo-small
** width: 172px;
** height: 40px;

. logo-image. logo-img {
** max-height: 80px;

but I do not see the logo properly centered with menu

what wrong?

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#525309

<em>@lg21 414595 wrote:</em><blockquote>
but I do not see the logo properly centered with menu

what wrong?
</blockquote>

So that we can try to take a closer look, it would be helpful if you could provide the url of the site you’re working on – as well as temporarily set “Optimize CSS” to “Off” within your Template Manager — General settings.

[lawdoc Friend lawdocJoin date: December 2013Posts: 3Downloads:0Uploads:0 Thanks: 3]

#525448

<em>@TomC 414608 wrote:</em><blockquote>So that we can try to take a closer look, it would be helpful if you could provide the url of the site you’re working on – as well as temporarily set “Optimize CSS” to “Off” within your Template Manager — General settings.</blockquote>
You almost made it. Yet the snarky remarks are transparently present. You are the exact reason, why I do not ask questions when I need assistance.

[lg21 Friend lg21Join date: July 2012Posts: 335Downloads:109Uploads:100 Thanks: 36 Thanked: 9 times in 1 posts]

#525474

http://www.venturagiuseppe.it/cleanservice/

[James G Friend James GJoin date: September 2014Posts: 130Downloads:104Uploads:4 Thanks: 20 Thanked: 40 times in 6 posts]

#525483

In Custom.css

Add:

.t3-mainnav .container {
padding-top: 20px;
padding-bottom: 40px;
position: relative;
}
.t3-mainnav .t3-navbar {
padding: 15px 5px 5px 5px;
float: right;
z-index: 100;
margin-right: 60px;
}
.head-search {
padding-top: 10px;
height: 32px;
margin: 0;
position: absolute;
right: 30px;
top: 25px;
}

Change the padding to your liking and this will increase the top menu bar.

Also change the 15px to the padding you like so the menu stays in the middle.

There may be a better way but this works.

😎

1 user says Thank You to James G for this useful post

1. TomC

[lg21 Friend lg21Join date: July 2012Posts: 335Downloads:109Uploads:100 Thanks: 36 Thanked: 9 times in 1 posts]

#525496

perfect thanks

[Author]

Posts