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.

Main Menu is all messed up

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

hello again... I just changed the menu items in my new website to reflect my final main menu choices and I unpublished the menu choices that came with the quick start. Please see the attached image.

The top row has the menu items that I would like. (Also the Neighboring Towns menu item has sub-menu items but there is no little arrow pointing downwards.)

the bottom Row has the menu items in your demo... How can I get the Top menu items to be not squished, bring the labels down and have a little arrow show up beside the item with the drop down menu.

www.oasiswebdevelopment.com/john/

Thank you very much. Elizabeth
menu_problems.jpg
  • Elizabeth Wallace's Avatar
  • Elizabeth Wallace
  • 12 Month basic
  • 404 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Elizabeth,

What template version number are you using?

Do you mean squished width wise or height?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Newstream2 version 1.01
You can see from the image above and I will attach it again, for instance "About the Property is too close to the verticle line to its right, Neighboring Towns is also to close to the line on the right. All of the Menu Item Labels should be moved down. They look silly way up on top with no text below them like there was in the demo and Neighboring Towns should have a little arrow to its right because it has a submenu... I will attach the image showing my messed up menu on top and the demo menu on the bottom.

Thank you. Elizabeth
  • Elizabeth Wallace's Avatar
  • Elizabeth Wallace
  • 12 Month basic
  • 404 posts
  • Karma: 0
The administrator has disabled public write access.
oops here is the attachment
menu_problems_2016-08-02.jpg
  • Elizabeth Wallace's Avatar
  • Elizabeth Wallace
  • 12 Month basic
  • 404 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Elizabeth,

For the width this is the media query controlling it at the given width

@media screen and (min-width: 970px) {
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > span
{max-width: 135px; min-width: 105px;}
}

So try increasing the values when adding it to the custom.css
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Using the same media query try reducing the height
@media screen and (min-width: 970px) {
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > span
{height: 76px}
}

maybe 10 pixels?
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Also you could look at increasing the line-height

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > span {line-height: 20px!important;

From the current value
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
thank you paulus... will try this tomorrow... Elizabeth
  • Elizabeth Wallace's Avatar
  • Elizabeth Wallace
  • 12 Month basic
  • 404 posts
  • Karma: 0
The administrator has disabled public write access.
When adding I'd check on different screen widths

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