Jump to content

[Guide] Advanced Top Menu - no bottom padding


sh3ppard
 Share

Recommended Posts

I wanted to change the top menu so that pictures would begin from the bottom border and i couldn't find how anywhere, so i figured it out and decided to share it with you.
I don't know much html and css and I'm not sure if it's the best way to do it but this is how i did it.
 
This is how it looked in the beginning:
post-976734-0-38885100-1430671699_thumb.png
 
Go to modules and click configure on the Advanced top menu module :
post-976734-0-52688900-1430671789_thumb.png
 
Then go to Global styles and find :
post-976734-0-43459300-1430671811_thumb.png
 
Change the bottom padding to 0px.
 
Now it should look something like:
post-976734-0-56372900-1430671848_thumb.png
 
Then go back to the module configuration and click on Advanced styles and copy this line

#adtm_menu td.adtm_column_wrap_td {padding-bottom: 0px;}

post-976734-0-86446700-1430671911_thumb.png

 

And the finished result:

post-976734-0-37557500-1430671926_thumb.png

 

It's really simple and i really like the final result. If you want you can even set the Submenus border size to 0 so that there is no line but i left it like this. I hope this helps someone 

Edited by sh3ppard (see edit history)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More