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.

Logo image and menu alignment

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

Hi, excuse my english.
I bought Corporation two days ago and i am still learning. It is a really impressive template, i love it, but.....always there is a but....
I changed the text logo and use a image but the menu text aligns with the top of image (web1.png), the effect is ugly. I want to align the menu with the vertical middle of the image, could be possible to do that (web2.png)?
web1.PNG

web2.png
  • ALFREDO DIAZ's Avatar
  • ALFREDO DIAZ
  • 3 Month Basic
  • 7 posts
  • Karma: 0
The administrator has disabled public write access.
Hi

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.
No, sorry.
I'm testing with the quickstart package in local, but it's easy to reproduce: Upload a image and change the text "CORPORATION" for <img src="/images/logo.png" alt="" width="268" height="103">
  • ALFREDO DIAZ's Avatar
  • ALFREDO DIAZ
  • 3 Month Basic
  • 7 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Alfredo,

Welcome aboard.

In the theme panel for the template there is a setting called something like Nav offset which you can use to position the menu vertically to your liking.

Thanks!
  • Anthony Olsen's Avatar
  • Anthony Olsen
  • LIfetime Developer - Big Bamboo
  • 23925 posts
  • 788 Thanks
  • Karma: 433
The administrator has disabled public write access.
Thanks, Anthony.
I found it: Logo / Nav offset (px) but this setting adjust the position of the logo+menu related to page top, i want adjust individually menu or logo to achieve that the menu aligns with the vertical middle of the logo.
A solution could be a nav offset for logo and another for menu....
In the pictures I send
you coud understand what i mean.
This is the original alignment of the template: The word HOME aligns with the top of the logo (red line)
web1_2016-01-08.PNG

This is what i want: The word HOME aligns with the middle of the logo.
web2_2016-01-08.png

This can be done moving the logo or moving the menu, but the nav offset moves both at a time......
With a nav offset=30px
web3.PNG

and with a nav offset=100px
web4.PNG

You could see that the vertical position changes for both elements but not the alignment between them.
  • ALFREDO DIAZ's Avatar
  • ALFREDO DIAZ
  • 3 Month Basic
  • 7 posts
  • Karma: 0
Last Edit: 5 years 9 months ago by ALFREDO DIAZ.
The administrator has disabled public write access.
hmm if you add

#logo, #logo img { margin-top: 0px;} to the custom.css is that better?

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

With

#logo, #logo img {
margin-top: -30px;
}

The alignment is exactly what I want.

Thanks a lot. Very good service, i'm impressed.
  • ALFREDO DIAZ's Avatar
  • ALFREDO DIAZ
  • 3 Month Basic
  • 7 posts
  • Karma: 0
The administrator has disabled public write access.
No problem

I would be careful with the negative margin and test it on different devices if you haven't already

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