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.

Newbie -- need to adjust the height of the header

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

Hello. I know this is probably pretty simple to do, but I've been playing around with the template css trying to expand the height of the header, and I can't seem to get it working correctly. I've posted an image to show you what I'm talking about. I was just wondering if it would be possible to push the menu bar down so our logo can fit?

Thanks!
  • Jennie Stephens's Avatar
  • Jennie Stephens
  • Free Extensions
  • 6 posts
  • Karma: 0
The administrator has disabled public write access.
  • Jennie Stephens's Avatar
  • Jennie Stephens
  • Free Extensions
  • 6 posts
  • Karma: 0
The administrator has disabled public write access.
  • Jennie Stephens's Avatar
  • Jennie Stephens
  • Free Extensions
  • 6 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Jennie,

Thanks for joining :)

It is a little tricky because of the way that we have tried to economise on images used. So the way to achieve what you want to do is:

1. Change the height of #top_wrap to suit the height you want the top area to be.
2. Edit the top.jpg image to the new height so that you add space to the top of the file and that the thin line that separates the nav area is in the bottom third of the image.

So if you want the top area to be 50px taller than it is now then you need to add 50px to the top part of the top.jpg image.

Let me know how you go.

Thanks Anthony
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
Anthony

Thanks for the help! I got the image fixed, now, one slight little problem.



Any idea on how to get the menu moved back up to where it is supposed to be?

Thanks!
  • Jennie Stephens's Avatar
  • Jennie Stephens
  • Free Extensions
  • 6 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Jennie,

Can you post a link for me - Ill need to see what the css is doing :)

Anthony
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
Anthony

Sorry it took so long to get back around to this! The URL is kramer.patrickbland.com/scheirs


If you could take a look at it I would really appreciate it!
  • Jennie Stephens's Avatar
  • Jennie Stephens
  • Free Extensions
  • 6 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Jennie,

You just need to make some small alterations to the css for the following rules:

#top_wrap and #edge.

Change the height of the top_wrap to 147px and the top attribute for #edge to 420px.

That will get it lining up nicely.

Thanks Anthony
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
Anthony-

Thanks a million!
  • Jennie Stephens's Avatar
  • Jennie Stephens
  • Free Extensions
  • 6 posts
  • Karma: 0
The administrator has disabled public write access.
No problem ... glad you got it sorted :)
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.

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

Happy Campers