Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

How to enlarge logo?

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

I have tried img{ max-width: 1000px} but didn’t got to the perfect result. The image is definitely bigger but after the navbar collapse the logo isn’t getting smaller, but stays static and is somehow cut off. So, how can I enlarge the logo so that after the navbar collapse, it is still matching to the rest of the homepage? And maybe there is even a possibility to position the logo more accurate and more precise on top of the website?

MfG Stefan
  • Stefan Waldhauser's Avatar
  • Stefan Waldhauser
  • 6 Month Developer
  • 28 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Stefan,

Do you have a link for the site?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi Paul,

wwwneu.moessinger.at/

MfG
  • Stefan Waldhauser's Avatar
  • Stefan Waldhauser
  • 6 Month Developer
  • 28 posts
  • Karma: 0
The administrator has disabled public write access.
HI MFG,

Are you working on this now?

I think the site just changed :)

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Yes, I am working on this right now. Tomorrow morning til noon I'm not working on the site.

Cheers
  • Stefan Waldhauser's Avatar
  • Stefan Waldhauser
  • 6 Month Developer
  • 28 posts
  • Karma: 0
The administrator has disabled public write access.
Hi MFG,

I see a change with the logo - is this now addressed?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
No, in general I want the logo to be bigger in height and width.

Cheers
  • Stefan Waldhauser's Avatar
  • Stefan Waldhauser
  • 6 Month Developer
  • 28 posts
  • Karma: 0
The administrator has disabled public write access.
So the logo being bigger isn't just after the collapse?
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hello Paul,

I think that the logo is too small (see: logo small.png). I would like to have it a bit bigger (see: enlarge logo.png). I enlarged it, adding in custom.css the following: img{ max-width: 1000px; } . Right now, if you visit the page, it is small again. The problem is that after the collapse it looks like this: enlarge logo after collapse.png, but it should look like this: logo small after collapse.png. What should I do to make it look like on that last mentioned image, so that it is not cut off?

Thanks,
Stefan
Attachments:
  • Stefan Waldhauser's Avatar
  • Stefan Waldhauser
  • 6 Month Developer
  • 28 posts
  • Karma: 0
The administrator has disabled public write access.
Right

I can see a slight issue with the logic controlling the logo and menu that I will need to discuss with a developer

I will get back to you tomorrow about this

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi Paul,

do you know, which CSS selector (address) I have to use to enlarge or change the position of the logo? I reckoned that it was something like ".logo h2{ }" but it didn't work.

Cheers,
Stefan
  • Stefan Waldhauser's Avatar
  • Stefan Waldhauser
  • 6 Month Developer
  • 28 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Stefan,

You can do this two ways - one simply but a bit of a hack and a more complicated method involving more work

The simple way

\templates\nebula\tpls\blocks\nav.php

change

// logic for widths of logo / menu / social nav
if($logotype =="none") {
$navwidth = "12";
}

else {
$navwidth = "8";
}

change "8" to "6"
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
Last Edit: 4 years 9 months ago by manh.
The administrator has disabled public write access.
<?php if($logotype !=="none") {?>
<!-- LOGO -->
<div class="span5">


and change the span5 to span6
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Before doing anything please take a copy of this file

This is the hacky way

I can suggest a more complicated but non hackish way - would you prefer to do it this way?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers