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 Tab Padding- How to Reduce

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

I am trying to add an extra tab in my main menu, without the menu wrapping around to the next line. There is a lot of space in between the main menu tabs and I would like to reduce the space in between the tabs.

There is not a facility to do this through the Megamenu Configuration.

pic uploaded of menu
menutabspaddingreduce.png



Thx.

Brooke
  • Brooke Thackray's Avatar
  • Brooke Thackray
  • LIfetime Developer - Big Bamboo
  • 58 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Brooke

This is a custom css change so we need a link to point you in the right direction

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
I have tried to find the values that need to be changed by altering values in megamenu.css and template.css, in order to create a class in custom.css. I have not been successful in finding the right values. Could you please tell me the css file, the values that I need to change and the entry i need to make in custom.css. I am stumped. I am using the reVision template.
Thx. Brooke
  • Brooke Thackray's Avatar
  • Brooke Thackray
  • LIfetime Developer - Big Bamboo
  • 58 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Brooke

Can you provide a link for the site?

Thanks
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
link for the site.
www.alphamountain.com

Thx.
  • Brooke Thackray's Avatar
  • Brooke Thackray
  • LIfetime Developer - Big Bamboo
  • 58 posts
  • Karma: 0
The administrator has disabled public write access.
Try adding something like this to the custom.css file and see how it looks

#navwrap ul.nav > li {padding: 0 20px;}

Its a trim of 10px from the left and right padding
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
The following user(s) said Thank You: Brooke Thackray

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

Happy Campers