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.

Change the height of main menu dropdown background?

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

Hi guys,

I'd like to know how to change the height of the mainmenu dropdown background.
I'd like to make it shorter.
I've attached a screenshot.


main-menu-dropdn-height.jpg



Thanks
  • Percy's Avatar
  • Percy
  • LIfetime Developer - Big Bamboo
  • 330 posts
  • 1 Thanks
  • Karma: 1
Last Edit: 9 years 5 months ago by Percy.
The administrator has disabled public write access.
Its either the padding or the line-height value that needs to be changed

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,

Yes I do have a link



Thanks
  • Percy's Avatar
  • Percy
  • LIfetime Developer - Big Bamboo
  • 330 posts
  • 1 Thanks
  • Karma: 1
Last Edit: 9 years 4 months ago by Percy. Reason: removed link
The administrator has disabled public write access.
Few things you could try

Try adding this

.t3-megamenu .mega-inner {
padding: 0;
}

to the custom.css file

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

That made it shorter. Not ideal, but better!
I'm assuming that setting the padding to zero is the best I'm going to get?

Sláinte,

Percy
  • Percy's Avatar
  • Percy
  • LIfetime Developer - Big Bamboo
  • 330 posts
  • 1 Thanks
  • Karma: 1
The administrator has disabled public write access.
Hi Percy,

There are other options - can you add back the link?

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

Sure I can...

lineofvision.com/studentsshapingtheworld

Thanks!
  • Percy's Avatar
  • Percy
  • LIfetime Developer - Big Bamboo
  • 330 posts
  • 1 Thanks
  • Karma: 1
The administrator has disabled public write access.
.t3-megamenu .mega-nav > li a, .t3-megamenu .dropdown-menu .mega-nav > li a {padding: 5px 5px;}

Try adding the first 5px value that will alter the top and bottom padding

the 5px is the current value
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Thanks for the 'lightning fast' response! B)

I've added that line of code to the custom css file. It doesn't appear to have changed anything. I've also cleared site cache and browser cache.

Sláinte,

Percy
  • Percy's Avatar
  • Percy
  • LIfetime Developer - Big Bamboo
  • 330 posts
  • 1 Thanks
  • Karma: 1
The administrator has disabled public write access.
Have you change the 5px value when you added the css?
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
I obviously didn't understand you clearly when I added the

".t3-megamenu .mega-nav > li a, .t3-megamenu .dropdown-menu .mega-nav > li a {padding: 5px 5px;}"

to the custom css file.

I have since changed the 'first' 5px value in the code you sent me, to '0' (zero) and it has done the job nicely! :)

Thanks!

Sláinte,

Percy

P.S. ... do you guys not have a 'private messaging' service anymore?
  • Percy's Avatar
  • Percy
  • LIfetime Developer - Big Bamboo
  • 330 posts
  • 1 Thanks
  • Karma: 1
Last Edit: 9 years 4 months ago by Percy.
The administrator has disabled public write access.
When we upgraded the forum that wasn't supported any more

It wasn't the best feature to manage - tickets is a better way of contacting us

Thanks for update re: the css

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