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.

Menu width

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

How to make the mainmenu items broader (widher)?
Longer menu title overshoot ...

Tx
  • renegi's Avatar
  • renegi
  • 3 Month Basic
  • 17 posts
  • Karma: 0
The administrator has disabled public write access.
Hi

It depends - do you have a link?

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

here a printscreen (see Attachm.):


You can see, for example on Menu "KOMMUNALTECHNIK" the menu area is exceeded. It would be good if the width adjusts on the menu title.

Maybe you have a solution, many thanks

Rene
Attachments:
  • renegi's Avatar
  • renegi
  • 3 Month Basic
  • 17 posts
  • Karma: 0
Last Edit: 4 years 11 months ago by renegi.
The administrator has disabled public write access.
Hi Rene,

Are you able to reduce the logo width by one and then increase the max width of this line

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > span {max-width: 135px;}

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
ok, the logo position is reduced to "1".
On template.css was adapted (see Attach): max-width: 235px + min-width: 205px

Nevertheless, the menu area will not be displayed wider !?
  • renegi's Avatar
  • renegi
  • 3 Month Basic
  • 17 posts
  • Karma: 0
The administrator has disabled public write access.
Sorry you misunderstood reduce by 1 width value

Setting at 1 makes it too narrow

Looking at the site in the Chrome you can see what I mean

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Customising wise please don't edit the template.css file - instead check out these options

docs.joomlabamboo.com/zen-grid-framework-4/theme/customisation.html

Cheers
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
For anyone wanting to remove the max-width for the menu items, you can use the following code in a custom.css file:
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > span {
max-width: inherit;
padding-right:10px;
}
  • Robert Went's Avatar
  • Robert Went
  • Moderator
  • 2210 posts
  • 196 Thanks
  • Karma: 90
The administrator has disabled public write access.

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

Happy Campers