Universal CSS Navigation Menu Support Product Page

Answered

Height

Asked 21 May 2010 19:30:13
1
has this question
21 May 2010 19:30:13 Roxana Castaneda posted:
How do I apply a specific height to my menu?

Replies

Replied 25 May 2010 10:21:02
25 May 2010 10:21:02 Teodor Kuduschiev replied:
Hello Roxana,
Could you please explain a little more detailed which height you want to specify?
Replied 26 May 2010 22:41:20
26 May 2010 22:41:20 Roxana Castaneda replied:
I cannot find anywhere where I can change the height of the menu. For example, here in this web page your menu has 35px height.
I want my menu to have 20px of height or 40px of height.
How can I edit the height. There is only a field to edit the width, but not the height.
Replied 27 May 2010 09:37:48
27 May 2010 09:37:48 Miroslav Zografski replied:
Hello Roxana,

Could you provide a link to the page in question?

Regards,
Replied 28 May 2010 19:39:47
28 May 2010 19:39:47 Roxana Castaneda replied:
www.limasour.com/portal_asia/

If you hover over any of the links in the navigation bar you will see that the area of the hover background color is smaller than the total height of the whole menu background color/image.

Besides, due to the above, the top of the submenu appears exactly where the hover of the menu ends and not where the total menu bottom is.
Replied 28 May 2010 22:08:23
28 May 2010 22:08:23 Roxana Castaneda replied:
I want it all to be the same height as the main navigation menu: the hover and where the submenu starts.
Replied 31 May 2010 10:14:57
31 May 2010 10:14:57 Miroslav Zografski replied:
Hello Roxana,

you need to edit the css styling of the menu.
locate the ".dmxNavigationMenu li a" and ".dmxNavigationMenu li a:hover" statements and add to them following: "height:19px"

Regards,
Replied 01 Jun 2010 03:22:53
01 Jun 2010 03:22:53 Roxana Castaneda replied:
Thanks, I'll try that.
Replied 22 Jun 2011 02:23:33
22 Jun 2011 02:23:33 eddie rosenthal replied:
Hi - i also was looking for different ways to change things around such as the height. I noticed in some of the designs there will be an image being used, such as in the dark black design there is a png file that has a height of 24px, and another one has a height of 25 px. If you see such an image being used as a background url in the css files, you can edit that image to a smaller height to see if it has the desired effect.
I don't find the edit menu properties window very helpful in modifying MOST of what you WANT, and it seems that some css rules are added JUST IN CASE, so it makes it more tedious to move through the files.
Replied 28 Jun 2011 09:07:04
28 Jun 2011 09:07:04 Miroslav Zografski replied:
Hello Eddie,

The background image does not interfere with the height of the element on which the css rule is applied. There is no such thing like "Just in case" added rules. The extension is meant to work cross browser so you amy not see a logic in some rules but that does not mean that they are just a fill in.

Regards,

Reply to this topic